@luminati-io/uikit 3.2.16 → 3.3.1

package/dist/umd/uikit.development.js

@@ -32904,7 +32904,7 @@ var Badge = function Badge(props) {
     $shape: shape,
     $color: bgColor,
     flex_direction: iconPlacement == 'right' ? 'row-reverse' : 'row'
-  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, {
     name: icon,
     size: "xxs",
     color: color
@@ -33003,11 +33003,11 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRe
     $iconPlacement: isLeft || loading ? 'left' : isRight ? 'right' : ''
   }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
     size: iconProps.size
-  }), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
+  }), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
     no_wrap: true,
     "data-label": true
-  }, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps));
+  }, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps));
 });
 Button.displayName = 'Button';
 Button.defaultProps = {
@@ -33133,14 +33133,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _visx_curve__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @visx/curve */ "./node_modules/d3-shape/src/curve/cardinal.js");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
-/* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
-/* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
-/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./split_props */ "./src/chart/split_props.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
-/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _get_curve__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_curve */ "./src/chart/get_curve.js");
+/* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
+/* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
+/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./split_props */ "./src/chart/split_props.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
+/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
 // LICENSE_CODE ZON
 
 
@@ -33196,22 +33196,25 @@ var AreaChart = function AreaChart(props) {
     stacked = props.stacked,
     showTooltip = props.showTooltip,
     _props$tooltipContent = props.tooltipContent,
-    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_7__.DefaultTooltip : _props$tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_8__.DefaultTooltip : _props$tooltipContent,
+    _props$curveType = props.curveType,
+    curveType = _props$curveType === void 0 ? '' : _props$curveType,
     onPointerMove = props.onPointerMove,
     onPointerOut = props.onPointerOut,
     onPointerUp = props.onPointerUp,
     onPointerDown = props.onPointerDown,
     pointerEventsDataKey = props.pointerEventsDataKey,
     children = props.children;
-  var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_4__.getAnimatedOrUnanimatedComponents)(animated),
+  var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_5__.getAnimatedOrUnanimatedComponents)(animated),
     XYChart = _getAnimatedOrUnanima.XYChart,
     Grid = _getAnimatedOrUnanima.Grid,
     Axis = _getAnimatedOrUnanima.Axis,
     AreaSeries = _getAnimatedOrUnanima.AreaSeries,
     AreaStack = _getAnimatedOrUnanima.AreaStack,
     Tooltip = _getAnimatedOrUnanima.Tooltip;
-  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_8__.useChartTheme)(palette);
+  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_9__.useChartTheme)(palette);
   if (!data || !data.length) return null;
+  var curve = (0,_get_curve__WEBPACK_IMPORTED_MODULE_4__.getCurve)(curveType);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(XYChart, {
     theme: chartTheme,
     xScale: config.x,
@@ -33232,7 +33235,7 @@ var AreaChart = function AreaChart(props) {
     animationTrajectory: animationTrajectory,
     numTicks: numTicks
   }), !!stacked && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AreaStack, {
-    curve: _visx_curve__WEBPACK_IMPORTED_MODULE_9__["default"]
+    curve: curve
   }, data.map(function (lineData) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AreaSeries, _extends({
       key: lineData.name,
@@ -33244,7 +33247,7 @@ var AreaChart = function AreaChart(props) {
       key: lineData.name,
       dataKey: lineData.name,
       data: lineData.datapoints,
-      curve: _visx_curve__WEBPACK_IMPORTED_MODULE_9__["default"]
+      curve: curve
     }, lineData.accessors, lineData.areaProps));
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Axis, {
     key: "x-axis-".concat(animationTrajectory),
@@ -33271,7 +33274,7 @@ var AreaChart = function AreaChart(props) {
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
       return (0,_util__WEBPACK_IMPORTED_MODULE_2__.flexRender)(tooltipContent, _objectSpread({
-        Glyph: _glyph__WEBPACK_IMPORTED_MODULE_5__.Glyph,
+        Glyph: _glyph__WEBPACK_IMPORTED_MODULE_6__.Glyph,
         data: data,
         formatTick: xAxis.formatTick,
         formatValue: formatValue,
@@ -33282,7 +33285,7 @@ var AreaChart = function AreaChart(props) {
 };
 AreaChart.displayName = 'AreaChart';
 var Area = function Area(props) {
-  var _splitProps = (0,_split_props__WEBPACK_IMPORTED_MODULE_6__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'stacked', 'showTooltip', 'tooltipContent', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
+  var _splitProps = (0,_split_props__WEBPACK_IMPORTED_MODULE_7__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'stacked', 'showTooltip', 'tooltipContent', 'curveType', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
     chartProps = _splitProps2[0],
     restProps = _splitProps2[1];
@@ -33335,6 +33338,7 @@ Area.propTypes = {
   stacked: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   showTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   tooltipContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().element), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+  curveType: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['basis', 'basisClosed', 'basisOpen', 'step', 'stepAfter', 'stepBefore', 'bundle', 'linear', 'linearClosed', 'cardinal', 'cardinalClosed', 'cardinalOpen', 'catmullRom', 'catmullRomClosed', 'catmullRomOpen', 'monotoneX', 'monotoneY', 'natural']),
   onPointerMove: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   onPointerOut: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   onPointerUp: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
@@ -34063,14 +34067,14 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           align_items: "center",
           justify_content: "center",
           gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['04']
-        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__["default"], {
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__.Icon, {
           name: "Warning",
           color: "red_11",
           size: "md"
         }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
           variant: "sm",
           color: "gray_11"
-        }, "Unable to load chart"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_link__WEBPACK_IMPORTED_MODULE_3__["default"], {
+        }, "Unable to load chart"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_link__WEBPACK_IMPORTED_MODULE_3__.Link, {
           as: "button",
           text: "Reload",
           onClick: this.reload
@@ -34669,7 +34673,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var Loading = function Loading() {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LoadingWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_2__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LoadingWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_2__.Icon, {
     name: "Loading",
     color: "blue_11",
     size: "md"
@@ -34713,7 +34717,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var NoData = function NoData() {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(NoDataWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_2__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(NoDataWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_2__.Icon, {
     name: "Graph",
     color: "gray_9",
     size: "md"
@@ -35064,7 +35068,7 @@ var useChartTheme = function useChartTheme(palette) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Code: () => (/* binding */ Code)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -35178,7 +35182,6 @@ var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_19___default().pre.
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_19__.css)(["code.content{color:", ";}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}"], _theme__WEBPACK_IMPORTED_MODULE_20__["default"].color.gray_8);
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Code);
 
 /***/ }),
 
@@ -35191,7 +35194,7 @@ var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_19___default().pre.
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   CodeBlock: () => (/* binding */ CodeBlock)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -35227,7 +35230,7 @@ var CodeBlock = function CodeBlock(props) {
     "data-testid": "code_block"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockHeader, {
     $theme: themeProp
-  }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code_snippet__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code_snippet__WEBPACK_IMPORTED_MODULE_5__.CodeSnippet, {
     max_height: max_height,
     lang: lang,
     code: code,
@@ -35268,7 +35271,6 @@ var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9);
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CodeBlock);
 
 /***/ }),
 
@@ -35281,7 +35283,7 @@ var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   CodeSnippet: () => (/* binding */ CodeSnippet)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -35322,18 +35324,18 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     className: className,
     max_height: max_height,
     $theme: themeProp
-  }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  }, !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_5__.Code, {
     ref: codeRef,
     lang: lang,
     text: code,
     theme: themeProp,
     lineNumbers: lineNumbers
-  }), !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  }), !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_6__.CopyButton, {
     code: code,
     theme: themeProp,
     codeRef: codeRef,
     onCopy: onCopy
-  })), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  })), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__.Skeleton, {
     theme: themeProp
   }));
 });
@@ -35366,7 +35368,6 @@ var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
 }, function (props) {
   return _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color[props.$theme == 'white' ? 'gray_8' : 'gray_10'];
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CodeSnippet);
 
 /***/ }),
 
@@ -35379,7 +35380,7 @@ var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   CopyButton: () => (/* binding */ CopyButton)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -35510,7 +35511,6 @@ function selectElementText(element) {
   // https://stackoverflow.com/a/20079910/7595472
   window.getSelection().selectAllChildren(element);
 }
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CopyButton);
 
 /***/ }),
 
@@ -35523,9 +35523,9 @@ function selectElementText(element) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   CodeBlock: () => (/* reexport safe */ _code_block__WEBPACK_IMPORTED_MODULE_1__["default"]),
-/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code_snippet__WEBPACK_IMPORTED_MODULE_2__["default"])
+/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_0__.Code),
+/* harmony export */   CodeBlock: () => (/* reexport safe */ _code_block__WEBPACK_IMPORTED_MODULE_1__.CodeBlock),
+/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code_snippet__WEBPACK_IMPORTED_MODULE_2__.CodeSnippet)
 /* harmony export */ });
 /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./code */ "./src/code/code.js");
 /* harmony import */ var _code_block__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./code_block */ "./src/code/code_block.js");
@@ -35538,7 +35538,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /***/ }),
 
 /***/ "./src/code/skeleton.js":
@@ -35550,7 +35549,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Skeleton: () => (/* binding */ Skeleton)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -35598,7 +35597,7 @@ var Skeleton = function Skeleton(props) {
 var StyledSkeleton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "StyledSkeleton",
   componentId: "sc-1v7xkdy-0"
-})(["flex:1;display:flex;flex-wrap:wrap;column-gap:16px;row-gap:12px;}"]);
+})(["flex:1;display:flex;flex-wrap:wrap;column-gap:16px;row-gap:12px;"]);
 var SkeletonBox = styled_components__WEBPACK_IMPORTED_MODULE_1___default().span.withConfig({
   displayName: "SkeletonBox",
   componentId: "sc-1v7xkdy-1"
@@ -35609,7 +35608,6 @@ var SkeletonBox = styled_components__WEBPACK_IMPORTED_MODULE_1___default().span.
 }, function (props) {
   return props.$theme == 'white' ? 'linear-gradient(90deg, #B4B9BD 3.16%, #B5BCC6 50.83%, #889096 99.97%,' + ' #B4B9BD 99.97%)' : 'linear-gradient(90deg, #333335 3.16%, #525252 57.39%, #333335 99.97%)';
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
 
 /***/ }),
 
@@ -35685,7 +35683,7 @@ var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
     disabled: disabled,
     onClick: onClick,
     "data-testid": "combo_button_main"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
     no_wrap: true,
     "data-label": true
@@ -35724,7 +35722,7 @@ var ArrowIcon = function ArrowIcon(props) {
     onClick: popover.toggle
   }, rest, {
     "data-testid": "combo_button_menu_button"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     name: "ChevronDown",
     size: "xs"
   }));
@@ -35832,54 +35830,56 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   Chart: () => (/* reexport safe */ _chart__WEBPACK_IMPORTED_MODULE_2__["default"]),
-/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.ClickableTag),
-/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.Code),
-/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.CodeBlock),
-/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.CodeSnippet),
+/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.ClickableTag),
+/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_15__.Code),
+/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_15__.CodeBlock),
+/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_15__.CodeSnippet),
 /* harmony export */   ComboButton: () => (/* reexport safe */ _combo_button__WEBPACK_IMPORTED_MODULE_3__["default"]),
-/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_4__["default"]),
-/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_5__["default"]),
-/* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_6__["default"]),
-/* harmony export */   Input: () => (/* reexport module object */ _input__WEBPACK_IMPORTED_MODULE_7__),
-/* harmony export */   Layout: () => (/* reexport module object */ _layout__WEBPACK_IMPORTED_MODULE_8__),
-/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_9__["default"]),
-/* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_10__["default"]),
-/* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_11__),
+/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_17__.Icon),
+/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_4__["default"]),
+/* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_5__["default"]),
+/* harmony export */   Input: () => (/* reexport module object */ _input__WEBPACK_IMPORTED_MODULE_6__),
+/* harmony export */   Layout: () => (/* reexport module object */ _layout__WEBPACK_IMPORTED_MODULE_7__),
+/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_18__.Link),
+/* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_8__["default"]),
+/* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_9__),
 /* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_19__.Progress),
 /* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_19__.ProgressBar),
-/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.RemovableTag),
-/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_15__["default"]),
-/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_12__["default"]),
-/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.TagGroup),
-/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_21__.Tooltip),
-/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_16__),
-/* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_13__["default"]),
-/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_14__["default"]),
-/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_18__.withPopover),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_21__.withTooltip)
+/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.RemovableTag),
+/* harmony export */   Snackbar: () => (/* reexport safe */ _snackbar__WEBPACK_IMPORTED_MODULE_20__.Snackbar),
+/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_13__["default"]),
+/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_10__["default"]),
+/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.TagGroup),
+/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_22__.Tooltip),
+/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_14__),
+/* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_11__["default"]),
+/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_12__["default"]),
+/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_16__.withPopover),
+/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_22__.withTooltip)
 /* harmony export */ });
 /* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./badge */ "./src/badge.js");
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./button */ "./src/button/index.js");
 /* harmony import */ var _chart__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chart */ "./src/chart/index.js");
 /* harmony import */ var _combo_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./combo_button */ "./src/combo_button/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
-/* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
-/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
-/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
-/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
-/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
-/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
+/* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
+/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
+/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
 /* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
-/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
+/* harmony import */ var _snackbar__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./snackbar */ "./src/snackbar/index.js");
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
 // LICENSE_CODE ZON
 
 
@@ -35906,6 +35906,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /***/ }),
@@ -36419,7 +36420,7 @@ var useScroll = function useScroll(scrollTarget) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Icon: () => (/* binding */ Icon)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -36482,7 +36483,6 @@ var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.wit
 }, function (props) {
   return props.$verticalAlign;
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
 
 /***/ }),
 
@@ -36690,7 +36690,7 @@ var InfoChip = function InfoChip(props) {
   var commonProps = (0,_util__WEBPACK_IMPORTED_MODULE_7__.getCommonProps)(props);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InfoChipWrapper, _extends({
     color: bgColor
-  }, commonProps), icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  }, commonProps), icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, {
     size: "xxs",
     color: color,
     name: icon
@@ -37165,7 +37165,10 @@ var useStyles = function useStyles(_ref) {
     size = _ref.size;
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_util_with_user_styles__WEBPACK_IMPORTED_MODULE_4__.withUserStyles)(styles, {
-      control: function control(baseStyles, state) {
+      control: function control(baseStyles, _ref2) {
+        var isDisabled = _ref2.isDisabled,
+          isFocused = _ref2.isFocused,
+          selectProps = _ref2.selectProps;
         var height = {
           sm: 36,
           md: 40,
@@ -37175,12 +37178,12 @@ var useStyles = function useStyles(_ref) {
         var color = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50;
         var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.white;
         var cursor = 'text';
-        if (state.isDisabled) {
+        if (isDisabled) {
           color = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_9;
           borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_6;
           backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2;
           cursor = 'default';
-        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
+        } else if (selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
         return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), LabelSm), {}, {
           minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(height[size] || height.sm),
           padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_3__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_3__.inputHorizontalPadding, "px"),
@@ -37240,14 +37243,19 @@ var useStyles = function useStyles(_ref) {
           textTransform: undefined
         });
       },
-      option: function option(baseStyles, state) {
+      option: function option(baseStyles, _ref3) {
+        var isFocused = _ref3.isFocused,
+          isDisabled = _ref3.isDisabled;
         return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), LabelSm), {}, {
           display: 'flex',
           alignItems: 'center',
           gap: '8px',
           height: '40px',
-          backgroundColor: state.isFocused ? _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2 : undefined,
-          color: state.isDisabled ? _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_9 : _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50
+          backgroundColor: isFocused ? _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2 : undefined,
+          color: isDisabled ? _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_9 : _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50,
+          '&:hover': {
+            backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2
+          }
         });
       },
       multiValue: function multiValue(baseStyles) {
@@ -39166,7 +39174,7 @@ var InputLabel = function InputLabel(props) {
     id: id,
     variant: variant,
     color: "gray-11-50"
-  }, t(label), required && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RequiredAsterisk, null)), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+  }, t(label), required && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RequiredAsterisk, null)), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
       labelIcon: true
     }),
@@ -39789,7 +39797,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_0__.Link)
 /* harmony export */ });
 /* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./link */ "./src/link/link.js");
 // LICENSE_CODE ZON
@@ -39797,7 +39805,52 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_link__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./src/link/inline_link.js":
+/*!*********************************!*\
+  !*** ./src/link/inline_link.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   InlineLink: () => (/* binding */ InlineLink)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
+
+
+var InlineLink = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  var linkProps = _objectSpread(_objectSpread({}, (0,_util__WEBPACK_IMPORTED_MODULE_2__.getCommonProps)(props)), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getLinkProps)(props));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledLink, _extends({
+    ref: ref
+  }, linkProps), props.children);
+});
+InlineLink.displayName = 'InlineLink';
+var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_1___default().a.withConfig({
+  displayName: "StyledLink",
+  componentId: "sc-2k0eac-0"
+})(["justify-content:center;text-decoration:underline;background:0 none;border:0 none;padding:0;cursor:pointer;&:disabled{cursor:not-allowed;}&:hover,:visited,:focus{text-decoration:underline;}"]);
 
 /***/ }),
 
@@ -39810,6 +39863,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Link: () => (/* binding */ Link),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
@@ -39824,6 +39878,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _inline_link__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./inline_link */ "./src/link/inline_link.js");
 // LICENSE_CODE ZON
 
 
@@ -39841,6 +39896,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var text = props.text,
     variant = props.variant,
@@ -39848,7 +39904,7 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(
     icon = props.icon,
     rest = _objectWithoutProperties(props, _excluded);
   if (variant == 'inline') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(InlineLink, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_inline_link__WEBPACK_IMPORTED_MODULE_8__.InlineLink, _extends({
       ref: ref
     }, rest, (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getLinkProps)(props)), text);
   }
@@ -39866,11 +39922,11 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(
     $variant: variant,
     $size: size,
     $noIcon: !icon
-  }), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
+  }), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
     variant: labelVariant,
     no_wrap: true,
     "data-label": true
-  }, text), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps));
+  }, text), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps));
 });
 Link.displayName = 'Link';
 Link.defaultProps = {
@@ -39887,14 +39943,9 @@ Link.propTypes = {
   href: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   newTab: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
-var InlineLink = styled_components__WEBPACK_IMPORTED_MODULE_3___default().a.withConfig({
-  displayName: "InlineLink",
-  componentId: "sc-1ilmd36-0"
-})(["justify-content:center;text-decoration:underline;background:0 none;border:0 none;padding:0;cursor:pointer;&:disabled{cursor:not-allowed;}&:hover,:visited,:focus{text-decoration:underline;}"]);
-InlineLink.displayName = 'InlineLink';
 var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_3___default().a.withConfig({
   displayName: "StyledLink",
-  componentId: "sc-1ilmd36-1"
+  componentId: "sc-1ilmd36-0"
 })(["display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0;gap:", ";[data-label]{color:", ";text-decoration:", ";}[data-icon]{color:", ";}cursor:pointer;&:disabled{cursor:not-allowed;}&:hover:not(:disabled){[data-label]{color:", ";text-decoration:", ";}[data-icon]{color:", ";}}&:hover,:visited,:focus{text-decoration:none;}"], function (props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(props.$size == 'lg' ? 8 : 4);
 }, function (props) {
@@ -40096,7 +40147,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     size: size,
     role: "button",
     subItems: subItems
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({}, iconProps, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, _extends({}, iconProps, {
     color: iconColor
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemRight, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemText, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PrimaryText, {
     $size: size,
@@ -40201,7 +40252,7 @@ var SecondaryIcon = function SecondaryIcon(props) {
   return null;
 };
 SecondaryIcon.displayName = 'SecondaryIcon';
-var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_icon__WEBPACK_IMPORTED_MODULE_5__["default"]).attrs({
+var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon).attrs({
   size: 'xs'
 }).withConfig({
   displayName: "RightIcon",
@@ -41029,6 +41080,244 @@ ProgressBar.propTypes = {
 
 /***/ }),
 
+/***/ "./src/snackbar/index.js":
+/*!*******************************!*\
+  !*** ./src/snackbar/index.js ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Snackbar: () => (/* reexport safe */ _snackbar__WEBPACK_IMPORTED_MODULE_0__.Snackbar)
+/* harmony export */ });
+/* harmony import */ var _snackbar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./snackbar */ "./src/snackbar/snackbar.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+/***/ }),
+
+/***/ "./src/snackbar/snackbar.js":
+/*!**********************************!*\
+  !*** ./src/snackbar/snackbar.js ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Snackbar: () => (/* binding */ Snackbar)
+/* harmony export */ });
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _snackbar_action__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./snackbar_action */ "./src/snackbar/snackbar_action.js");
+/* harmony import */ var _snackbar_content__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./snackbar_content */ "./src/snackbar/snackbar_content.js");
+/* harmony import */ var _snackbar_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./snackbar_icon */ "./src/snackbar/snackbar_icon.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["variant", "type", "showIcon", "header", "children", "action"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+var color = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color;
+var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
+  var variant = props.variant,
+    type = props.type,
+    showIcon = props.showIcon,
+    header = props.header,
+    children = props.children,
+    action = props.action,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, _extends({
+    ref: ref,
+    $type: type
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(rest)), !!showIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_icon__WEBPACK_IMPORTED_MODULE_7__.SnackbarIcon, {
+    type: type
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, {
+    $variant: variant
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_content__WEBPACK_IMPORTED_MODULE_6__.SnackbarContent, {
+    header: header
+  }, children), !!action && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_action__WEBPACK_IMPORTED_MODULE_5__.SnackbarAction, action)));
+});
+Snackbar.displayName = 'Snackbar';
+Snackbar.defaultProps = {
+  variant: 'vertical',
+  type: 'info'
+};
+Snackbar.propTypes = {
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['vertical', 'horizontal']),
+  type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['info', 'success', 'error', 'warning', 'generic']),
+  header: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  showIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  action: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
+};
+var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "Wrapper",
+  componentId: "sc-6ku6mu-0"
+})(["display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:16px;gap:16px;border-radius:4px;background-color:", ";"], function (props) {
+  return {
+    info: color.blue_3,
+    success: color.green_3,
+    error: color.red_3,
+    warning: color.yellow_3,
+    generic: color.gray_3
+  }[props.$type] || color.blue_3;
+});
+var Container = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "Container",
+  componentId: "sc-6ku6mu-1"
+})(["display:flex;flex-direction:", ";justify-content:center;align-items:flex-start;gap:16px;"], function (props) {
+  return props.$variant == 'horizontal' ? 'row' : 'column';
+});
+
+/***/ }),
+
+/***/ "./src/snackbar/snackbar_action.js":
+/*!*****************************************!*\
+  !*** ./src/snackbar/snackbar_action.js ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SnackbarAction: () => (/* binding */ SnackbarAction)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../button */ "./src/button/index.js");
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../link */ "./src/link/index.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["isLink"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+var SnackbarAction = function SnackbarAction(props) {
+  var isLink = props.isLink,
+    rest = _objectWithoutProperties(props, _excluded);
+  if (isLink) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_link__WEBPACK_IMPORTED_MODULE_2__.Link, _extends({
+    variant: "secondary"
+  }, rest, {
+    size: "md"
+  }));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_button__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({}, rest, {
+    size: "sm"
+  }));
+};
+
+/***/ }),
+
+/***/ "./src/snackbar/snackbar_content.js":
+/*!******************************************!*\
+  !*** ./src/snackbar/snackbar_content.js ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SnackbarContent: () => (/* binding */ SnackbarContent)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+
+var SnackbarContent = function SnackbarContent(props) {
+  var header = props.header,
+    children = props.children;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
+    variant: "lg",
+    color: "gray_11_50"
+  }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Paragraph, {
+    variant: "lg_snug",
+    color: "gray_11_50"
+  }, children));
+};
+var Container = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "Container",
+  componentId: "sc-16h0vli-0"
+})(["display:flex;flex-direction:column;align-items:flex-start;gap:8px;"]);
+
+/***/ }),
+
+/***/ "./src/snackbar/snackbar_icon.js":
+/*!***************************************!*\
+  !*** ./src/snackbar/snackbar_icon.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SnackbarIcon: () => (/* binding */ SnackbarIcon)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var SnackbarIcon = function SnackbarIcon(props) {
+  var type = props.type;
+  var name = {
+    info: 'Info',
+    success: 'CheckCircle',
+    error: 'Warning',
+    warning: 'Warning',
+    generic: 'Info'
+  }[type] || 'Info';
+  var color = {
+    info: 'blue_10',
+    success: 'green_10',
+    error: 'red_10',
+    warning: 'yellow_10',
+    generic: 'gray_10'
+  }[type] || 'blue_10';
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__.Icon, {
+    name: name,
+    color: color,
+    size: "sm"
+  });
+};
+
+/***/ }),
+
 /***/ "./src/tab/group.js":
 /*!**************************!*\
   !*** ./src/tab/group.js ***!
@@ -41779,7 +42068,7 @@ var Search = function Search(props) {
       padding: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing['03']
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_input__WEBPACK_IMPORTED_MODULE_6__.Textbox, {
-    leftInnerContent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    leftInnerContent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
       size: "xs",
       name: "Search",
       color: "gray_9"
@@ -41861,7 +42150,7 @@ var CustomizeButtonItemAction = function CustomizeButtonItemAction(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_8__.Tooltip, {
     tooltip: props.tooltip,
     tooltipPlacement: "top"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     name: props.icon,
     size: "xs",
     color: "gray_9"
@@ -42497,7 +42786,7 @@ var PinColumn = function PinColumn(props) {
   }, [isPinned, togglePinned, onClick]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunctionWrapper, {
     onClick: handleClick
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, {
     name: isPinned ? 'Unpin' : 'Pin',
     color: "gray_9",
     size: "xs"
@@ -42514,7 +42803,7 @@ var HideColumn = function HideColumn(props) {
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
     type: "checkbox"
-  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, {
     name: "EyeOff",
     color: "gray_9",
     size: "xs"
@@ -42728,7 +43017,7 @@ var PaginationItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___defa
   componentId: "sc-1rdn0jh-2"
 })(["display:flex;flex-direction:row;align-items:center;gap:8px;"]);
 var PageLink = function PageLink(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_link__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_link__WEBPACK_IMPORTED_MODULE_6__.Link, {
     as: "div",
     variant: "secondary",
     size: "sm",
@@ -43268,7 +43557,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var SortIcon = function SortIcon(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__.Icon, {
     size: "xs",
     name: props.reverse ? 'SortDesc' : 'SortAsc',
     color: props.color || 'blue_10',
@@ -43889,7 +44178,7 @@ var TagBase = function TagBase(props) {
 TagBase.propTypes = {
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md'])
 };
-var BadgeIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon__WEBPACK_IMPORTED_MODULE_4__["default"]).withConfig({
+var BadgeIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon).withConfig({
   displayName: "BadgeIcon",
   componentId: "sc-1j3m7xm-0"
 })(["min-width:14px;width:14px;min-height:14px;height:14px;color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9);
@@ -45583,7 +45872,9 @@ var VirtualizedListRowRenderer = function VirtualizedListRowRenderer(_ref7) {
       isSelected: thisProps.isSelected,
       className: thisProps.className,
       cx: thisProps.cx,
+      getClassNames: thisProps.getClassNames,
       getStyles: thisProps.getStyles,
+      theme: thisProps.theme,
       innerRef: thisProps.innerRef,
       innerProps: thisProps.innerProps,
       tag: "div"
@@ -45721,10 +46012,14 @@ var getIconProps = function getIconProps(comp, opt) {
 var getLinkProps = function getLinkProps(opt) {
   var as = opt.as,
     href = opt.href,
+    target = opt.target,
+    rel = opt.rel,
     newTab = opt.newTab;
   var p = {
     as: as,
-    href: href
+    href: href,
+    target: target,
+    rel: rel
   };
   if (newTab) p = _objectSpread(_objectSpread({}, p), {}, {
     target: '_blank',
@@ -108358,6 +108653,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Progress: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Progress),
 /* harmony export */   ProgressBar: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.ProgressBar),
 /* harmony export */   RemovableTag: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.RemovableTag),
+/* harmony export */   Snackbar: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Snackbar),
 /* harmony export */   Tab: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Tab),
 /* harmony export */   Table: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Table),
 /* harmony export */   TagGroup: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.TagGroup),