@luminati-io/uikit 3.5.3 → 3.5.4

package/dist/umd/uikit.development.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"), require("prop-types"), require("react-virtualized"), require("styled-components"), require("react-dom"), require("react-table"));
+		module.exports = factory(require("react"), require("prop-types"), require("styled-components"), require("react-virtualized"), require("react-dom"), require("react-table"));
 	else if(typeof define === 'function' && define.amd)
-		define(["react", "prop-types", "react-virtualized", "styled-components", "react-dom", "react-table"], factory);
+		define(["react", "prop-types", "styled-components", "react-virtualized", "react-dom", "react-table"], factory);
 	else if(typeof exports === 'object')
-		exports["uikit"] = factory(require("react"), require("prop-types"), require("react-virtualized"), require("styled-components"), require("react-dom"), require("react-table"));
+		exports["uikit"] = factory(require("react"), require("prop-types"), require("styled-components"), require("react-virtualized"), require("react-dom"), require("react-table"));
 	else
-		root["uikit"] = factory(root["react"], root["prop-types"], root["react-virtualized"], root["styled-components"], root["react-dom"], root["react-table"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react_virtualized__, __WEBPACK_EXTERNAL_MODULE_styled_components__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_react_table__) => {
+		root["uikit"] = factory(root["react"], root["prop-types"], root["styled-components"], root["react-virtualized"], root["react-dom"], root["react-table"]);
+})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_styled_components__, __WEBPACK_EXTERNAL_MODULE_react_virtualized__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_react_table__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -28234,6 +28234,380 @@ var BadgeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_lay
   return props.$color;
 });
 
+/***/ }),
+
+/***/ "./src/breadcrumbs/breadcrumbs.js":
+/*!****************************************!*\
+  !*** ./src/breadcrumbs/breadcrumbs.js ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Breadcrumbs: () => (/* binding */ Breadcrumbs)
+/* 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 _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _breadcrumbs_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./breadcrumbs_item */ "./src/breadcrumbs/breadcrumbs_item.js");
+/* harmony import */ var _collapsed_items__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./collapsed_items */ "./src/breadcrumbs/collapsed_items.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["items"];
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 Breadcrumbs = function Breadcrumbs(props) {
+  var _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeIndex = _useState2[0],
+    setActiveIndex = _useState2[1];
+  var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  var lastItemRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  var moreRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  var lastItem = items[items.length - 1];
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(items),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visibleItems = _useState4[0],
+    setVisibleItems = _useState4[1];
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hiddenItems = _useState6[0],
+    setHiddenItems = _useState6[1];
+  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    recalculationRender = _useState8[0],
+    setRecalculationRender = _useState8[1];
+  var calculateVisibleItems = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
+    var _lastItemRef$current, _moreRef$current;
+    var tempVisibleItems = [];
+    var tempHiddenItems = [];
+    var containerWidth = containerRef.current.offsetWidth;
+    var containerChild = Array.from(containerRef.current.children);
+    var containerChildrenWidth = containerChild.reduce(function (acc, child) {
+      return acc + child.offsetWidth;
+    }, 0);
+    var lastItemWidth = ((_lastItemRef$current = lastItemRef.current) === null || _lastItemRef$current === void 0 ? void 0 : _lastItemRef$current.offsetWidth) || 0;
+    var moreRefWidth = ((_moreRef$current = moreRef.current) === null || _moreRef$current === void 0 ? void 0 : _moreRef$current.offsetWidth) || 0;
+    if (containerWidth < containerChildrenWidth - moreRefWidth) {
+      var stopWidth = 0;
+      containerChild.splice(-2);
+      containerChild.forEach(function (item, index) {
+        stopWidth += item.offsetWidth;
+        if (containerWidth - lastItemWidth - moreRefWidth >= stopWidth) tempVisibleItems.push(items[index]);else tempHiddenItems.push(items[index]);
+      });
+      tempVisibleItems.push(lastItem);
+      return {
+        visible: tempVisibleItems,
+        hidden: tempHiddenItems
+      };
+    }
+    return {
+      visible: items,
+      hidden: []
+    };
+  }, [items, lastItem]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(function () {
+    if (recalculationRender && containerRef.current) {
+      var _calculateVisibleItem = calculateVisibleItems(),
+        visible = _calculateVisibleItem.visible,
+        hidden = _calculateVisibleItem.hidden;
+      setVisibleItems(visible);
+      setHiddenItems(hidden);
+      setRecalculationRender(false);
+    }
+  }, [calculateVisibleItems, recalculationRender, items]);
+  var runRecalculate = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
+    setVisibleItems(items);
+    setHiddenItems([]);
+    setRecalculationRender(true);
+  }, [items]);
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useResize)(runRecalculate);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(function () {
+    var _document$fonts;
+    runRecalculate();
+    (_document$fonts = document.fonts) === null || _document$fonts === void 0 || _document$fonts.ready.then(function () {
+      runRecalculate();
+    }, function () {
+      console.error('loading fonts error');
+    });
+  }, [runRecalculate]);
+  var handleBlur = function handleBlur() {
+    setActiveIndex(undefined);
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    var isActiveSet = activeIndex !== undefined;
+    switch (event.key) {
+      case 'ArrowLeft':
+        setActiveIndex(function (prev) {
+          return isActiveSet && visibleItems[prev - 1] ? prev - 1 : items.length - 1;
+        });
+        break;
+      case 'ArrowRight':
+        setActiveIndex(function (prev) {
+          return isActiveSet && visibleItems[prev + 1] ? prev + 1 : 0;
+        });
+        break;
+      case 'Enter':
+        {
+          if (!isActiveSet) return;
+          var activeItem = visibleItems[activeIndex];
+          activeItem === null || activeItem === void 0 || activeItem.onClick();
+          break;
+        }
+      default:
+        break;
+    }
+  };
+  var itemsList = visibleItems.map(function (item, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_breadcrumbs_item__WEBPACK_IMPORTED_MODULE_5__.BreadcrumbsItem, {
+      key: item.text,
+      active: index === activeIndex,
+      item: item,
+      isLastItem: visibleItems.length - 1 == index
+    });
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(BreadcrumbsContainer, _extends({
+    "data-testid": "breadcrumbs",
+    "aria-label": "breadcrumbs",
+    "data-role": "breadcrumbs"
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(rest), {
+    ref: containerRef,
+    tabIndex: 1,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown
+  }), items.length === 1 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_breadcrumbs_item__WEBPACK_IMPORTED_MODULE_5__.BreadcrumbsItem, {
+    isBackItem: true,
+    active: activeIndex === 0,
+    item: items[0]
+  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, itemsList.slice(0, -1), (recalculationRender || hiddenItems.length > 0) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_collapsed_items__WEBPACK_IMPORTED_MODULE_6__.CollapsedItems, {
+    ref: moreRef,
+    items: hiddenItems
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    ref: lastItemRef
+  }, itemsList.slice(-1))));
+};
+Breadcrumbs.displayName = 'Breadcrumbs';
+Breadcrumbs.propTypes = {
+  items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
+    text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node).isRequired,
+    onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+  }))
+};
+var BreadcrumbsContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().nav.withConfig({
+  displayName: "BreadcrumbsContainer",
+  componentId: "sc-1bbwex5-0"
+})(["box-sizing:border-box;align-items:center;display:flex;flex-wrap:nowrap;height:36px;"]);
+
+/***/ }),
+
+/***/ "./src/breadcrumbs/breadcrumbs_item.js":
+/*!*********************************************!*\
+  !*** ./src/breadcrumbs/breadcrumbs_item.js ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BreadcrumbsItem: () => (/* binding */ BreadcrumbsItem)
+/* 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 _layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../link */ "./src/link/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./divider */ "./src/breadcrumbs/divider.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+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); }
+
+
+
+
+
+var BreadcrumbsItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
+  var item = props.item,
+    isBackItem = props.isBackItem,
+    isLastItem = props.isLastItem,
+    active = props.active;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_1__.Flex, {
+    ref: ref
+  }, isLastItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
+    "data-role": "item",
+    "data-testid": active ? 'active-item' : 'item',
+    variant: "xs",
+    color: "gray_11",
+    no_wrap: true
+  }, item.text), !isLastItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_link__WEBPACK_IMPORTED_MODULE_2__.Link, _extends({
+    "data-role": "item",
+    "data-testid": active ? 'active-item' : 'item'
+  }, item, {
+    icon: isBackItem ? 'ArrowLeft' : undefined,
+    iconPlacement: "left",
+    variant: "secondary",
+    size: "sm"
+  })), !isBackItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_divider__WEBPACK_IMPORTED_MODULE_4__.Divider, null)));
+});
+BreadcrumbsItem.displayName = 'BreadcrumbsItem';
+
+/***/ }),
+
+/***/ "./src/breadcrumbs/collapsed_items.js":
+/*!********************************************!*\
+  !*** ./src/breadcrumbs/collapsed_items.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CollapsedItems: () => (/* binding */ CollapsedItems)
+/* 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 _hoc__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./divider */ "./src/breadcrumbs/divider.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+var CollapsedItems = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var items = _ref.items;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
+    ref: ref,
+    "data-testid": "button-more",
+    align_items: "center"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuButton, {
+    popoverProps: {
+      items: items
+    }
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_divider__WEBPACK_IMPORTED_MODULE_5__.Divider, null));
+});
+CollapsedItems.displayName = 'CollapsedItems';
+var MenuButton = (0,_hoc__WEBPACK_IMPORTED_MODULE_1__.withPopover)(function (_ref2) {
+  var popover = _ref2.popover;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
+    size: "xs",
+    icon: "DotsHorizontal",
+    onClick: popover.toggle
+  });
+}, function (_ref3) {
+  var items = _ref3.items,
+    popover = _ref3.popover;
+  var menuItems = items.map(function (i) {
+    return _objectSpread(_objectSpread({
+      key: i.text
+    }, i), {}, {
+      onClick: function onClick(e) {
+        popover.hide();
+        i === null || i === void 0 || i.onClick(e);
+      }
+    });
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_4__.Menu, {
+    size: "sm",
+    items: menuItems
+  });
+});
+
+/***/ }),
+
+/***/ "./src/breadcrumbs/divider.js":
+/*!************************************!*\
+  !*** ./src/breadcrumbs/divider.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Divider: () => (/* binding */ Divider)
+/* 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 Divider = function Divider() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledLabel, {
+    variant: "xs",
+    color: "gray_11"
+  }, "/");
+};
+var StyledLabel = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typography__WEBPACK_IMPORTED_MODULE_2__.Label).withConfig({
+  displayName: "StyledLabel",
+  componentId: "sc-16rqqbg-0"
+})(["margin-left:8px;margin-right:8px;"]);
+
+/***/ }),
+
+/***/ "./src/breadcrumbs/index.js":
+/*!**********************************!*\
+  !*** ./src/breadcrumbs/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 */   Breadcrumbs: () => (/* reexport safe */ _breadcrumbs__WEBPACK_IMPORTED_MODULE_0__.Breadcrumbs)
+/* harmony export */ });
+/* harmony import */ var _breadcrumbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./breadcrumbs */ "./src/breadcrumbs/breadcrumbs.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
 /***/ }),
 
 /***/ "./src/button/button.js":
@@ -28257,8 +28631,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _loading_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./loading_icon */ "./src/button/loading_icon.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _loading_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./loading_icon */ "./src/button/loading_icon.js");
 // LICENSE_CODE ZON
 
 
@@ -28276,6 +28651,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var text = props.text,
     variant = props.variant,
@@ -28284,7 +28660,7 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRe
     loading = props.loading,
     loadingText = props.loadingText,
     rest = _objectWithoutProperties(props, _excluded);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getIconProps)('Button', props),
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('Button', props),
     isLeft = _getIconProps.isLeft,
     isRight = _getIconProps.isRight,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
@@ -28295,7 +28671,7 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRe
     $variant: variant,
     $size: size,
     $iconPlacement: isLeft || loading ? 'left' : isRight ? 'right' : ''
-  }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_8__.LoadingIcon, {
     size: iconProps.size
   }), 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',
@@ -28314,7 +28690,7 @@ Button.propTypes = {
   text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node).isRequired,
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
   iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['left', 'right']),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
@@ -28332,12 +28708,12 @@ var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().butt
     gap = 2;
     paddingLeft = paddingRight = 8;
   }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["gap:", ";padding-left:", ";padding-right:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(paddingRight));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["gap:", ";padding-left:", ";padding-right:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(paddingRight));
 }, function (props) {
-  var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getButtonColors)(props);
+  var colors = (0,_util__WEBPACK_IMPORTED_MODULE_6__.getButtonColors)(props);
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["background-color:", ";border:", ";[data-label]{color:", ";}[data-icon]{color:", ";}", " ", ""], colors.backColor, colors.border || '0 none', colors.color, colors.iconColor || colors.color, colors.hover && "&:hover {\n                background-color: ".concat(colors.hover.backColor, ";\n            }"), colors.active && "&:active {\n                background-color: ".concat(colors.active.backColor, ";\n                border: ").concat(colors.active.border, ";\n                box-shadow: ").concat(colors.active.boxShadow, ";\n                ").concat(colors.active.iconColor && "[data-icon] {\n                    color: ".concat(colors.active.iconColor, ";\n                }"), "\n            }"));
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toButtonSize)(props.$size);
+  return (0,_util__WEBPACK_IMPORTED_MODULE_6__.getButtonSize)(props.$size);
 });
 
 /***/ }),
@@ -28371,7 +28747,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 */   LoadingIcon: () => (/* binding */ LoadingIcon)
 /* 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__);
@@ -28406,7 +28782,6 @@ var Spinner = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.withC
 })(["", " .spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"], function (props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toIconSize)(props.size);
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LoadingIcon);
 
 /***/ }),
 
@@ -30876,23 +31251,27 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* 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 _hoc__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./src/menu/index.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 _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__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 react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["text", "variant", "size", "items", "disabled", "onClick", "icon", "iconPlacement"],
+
+var _excluded = ["text", "variant", "size", "items", "disabled", "onClick"],
   _excluded2 = ["isLeft"],
   _excluded3 = ["popover"];
 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); }
@@ -30907,41 +31286,40 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
+
+var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var text = props.text,
     variant = props.variant,
     size = props.size,
     items = props.items,
     disabled = props.disabled,
     onClick = props.onClick,
-    icon = props.icon,
-    iconPlacement = props.iconPlacement,
     rest = _objectWithoutProperties(props, _excluded);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('Button', props),
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getIconProps)('Button', props),
     isLeft = _getIconProps.isLeft,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+  var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
     return {
       size: size == 'xs' ? 'sm' : 'md',
       items: items
     };
   }, [size, items]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButtonWrapper, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButtonWrapper, _extends({
     ref: ref
-  }, rest, {
+  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement'), {
     disabled: disabled,
     $variant: variant,
     $size: size,
     $iconPlacement: isLeft ? 'left' : ''
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButton, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButton, {
     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__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
     no_wrap: true,
     "data-label": true
-  }, text))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonMenuTrigger, {
+  }, text))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonMenuTrigger, {
     disabled: disabled,
     popoverProps: menuProps
   }));
@@ -30952,18 +31330,18 @@ ComboButton.defaultProps = {
   size: 'sm'
 };
 ComboButton.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string).isRequired,
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
-  items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired,
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_10__.iconNames),
+  items: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().any)).isRequired,
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 var ComboButtonMenu = function ComboButtonMenu(props) {
   var size = props.size,
     items = props.items,
     popover = props.popover;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_5__.Menu, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_7__.Menu, {
     size: size,
     items: items,
     onClick: popover.hide
@@ -30972,20 +31350,20 @@ var ComboButtonMenu = function ComboButtonMenu(props) {
 var ArrowIcon = function ArrowIcon(props) {
   var popover = props.popover,
     rest = _objectWithoutProperties(props, _excluded3);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonArrow, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonArrow, _extends({
     onClick: popover.toggle
   }, rest, {
     "data-testid": "combo_button_menu_button"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
     name: "ChevronDown",
     size: "xs"
   }));
 };
-var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(ArrowIcon, ComboButtonMenu, {
+var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_5__.withPopover)(ArrowIcon, ComboButtonMenu, {
   placement: 'bottom-end',
-  zIndex: _constants__WEBPACK_IMPORTED_MODULE_8__.Z_INDEX.combobutton
+  zIndex: _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.combobutton
 });
-var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "StyledButtonWrapper",
   componentId: "sc-s9elw5-0"
 })(["display:inline-flex;align-items:stretch;justify-content:center;border-radius:4px;text-decoration:none;&:hover,&:visited,:focus{text-decoration:none;}padding:0;", " ", " ", ""], function (props) {
@@ -30997,22 +31375,22 @@ var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
     gap = 2;
     paddingLeft = paddingRight = 8;
   }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(paddingRight));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(paddingRight));
 }, function (props) {
-  var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getButtonColors)(props);
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["background-color:", ";", "{color:", ";border-top:", ";border-right:0 none;border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", "{border-top:", ";border-right:", ";border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", ""], colors.backColor, StyledButton, colors.color, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n          background-color: ".concat(colors.active.backColor, ";\n          border-top: ").concat(colors.active.border, ";\n          border-bottom: ").concat(colors.active.border, ";\n          border-left: ").concat(colors.active.border, ";\n          box-shadow: ").concat(colors.active.boxShadow, ";\n          ").concat(colors.active.iconColor && "[data-icon] {\n            color: ".concat(colors.active.iconColor, ";\n          }"), "\n        }"), ComboButtonArrow, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.separator || colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n          background-color: ".concat(colors.active.backColor, ";\n          border: ").concat(colors.active.border, ";\n          box-shadow: ").concat(colors.active.boxShadow, ";\n          ").concat(colors.active.iconColor && "[data-icon] {\n            color: ".concat(colors.active.iconColor, ";\n          }"), "\n        }"), colors.hover && "\n        ".concat(StyledButton, ":hover, ").concat(ComboButtonArrow, ":hover {\n          background-color: ").concat(colors.hover.backColor, ";\n        }\n      "));
+  var colors = (0,_util__WEBPACK_IMPORTED_MODULE_9__.getButtonColors)(props);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["background-color:", ";", "{color:", ";border-top:", ";border-right:0 none;border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", "{border-top:", ";border-right:", ";border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", ""], colors.backColor, StyledButton, colors.color, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n          background-color: ".concat(colors.active.backColor, ";\n          border-top: ").concat(colors.active.border, ";\n          border-bottom: ").concat(colors.active.border, ";\n          border-left: ").concat(colors.active.border, ";\n          box-shadow: ").concat(colors.active.boxShadow, ";\n          ").concat(colors.active.iconColor && "[data-icon] {\n            color: ".concat(colors.active.iconColor, ";\n          }"), "\n        }"), ComboButtonArrow, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.separator || colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n          background-color: ".concat(colors.active.backColor, ";\n          border: ").concat(colors.active.border, ";\n          box-shadow: ").concat(colors.active.boxShadow, ";\n          ").concat(colors.active.iconColor && "[data-icon] {\n            color: ".concat(colors.active.iconColor, ";\n          }"), "\n        }"), colors.hover && "\n        ".concat(StyledButton, ":hover, ").concat(ComboButtonArrow, ":hover {\n          background-color: ").concat(colors.hover.backColor, ";\n        }\n      "));
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toButtonSize)(props.$size);
+  return (0,_util__WEBPACK_IMPORTED_MODULE_9__.getButtonSize)(props.$size);
 });
-var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
+var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
   displayName: "StyledButton",
   componentId: "sc-s9elw5-1"
 })(["cursor:pointer;&:disabled{cursor:not-allowed;}display:flex;align-items:center;height:100%;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;background:none;padding:0;"]);
-var ComboButtonContent = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+var ComboButtonContent = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "ComboButtonContent",
   componentId: "sc-s9elw5-2"
 })(["display:flex;align-items:center;height:100%;"]);
-var ComboButtonArrow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
+var ComboButtonArrow = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
   displayName: "ComboButtonArrow",
   componentId: "sc-s9elw5-3"
 })(["display:flex;align-items:center;justify-content:center;width:32px;height:100%;border:none;border-top-right-radius:4px;border-bottom-right-radius:4px;background:none;cursor:pointer;&:disabled{cursor:not-allowed;}"]);
@@ -31081,16 +31459,17 @@ var Z_INDEX = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_11__.Badge),
-/* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_12__.Button),
+/* harmony export */   Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_10__.Badge),
+/* harmony export */   Breadcrumbs: () => (/* reexport safe */ _breadcrumbs__WEBPACK_IMPORTED_MODULE_12__.Breadcrumbs),
+/* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_11__.Button),
 /* harmony export */   Chart: () => (/* reexport safe */ _chart__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.ClickableTag),
+/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.ClickableTag),
 /* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_13__.Code),
 /* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_13__.CodeBlock),
 /* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_13__.CodeSnippet),
 /* harmony export */   ComboButton: () => (/* reexport safe */ _combo_button__WEBPACK_IMPORTED_MODULE_1__["default"]),
-/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_20__.Icon),
-/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_21__.IconButton),
+/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_21__.Icon),
+/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_22__.IconButton),
 /* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_2__["default"]),
 /* harmony export */   Input: () => (/* reexport module object */ _input__WEBPACK_IMPORTED_MODULE_3__),
 /* harmony export */   Layout: () => (/* reexport module object */ _layout__WEBPACK_IMPORTED_MODULE_4__),
@@ -31099,17 +31478,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_5__),
 /* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_17__.Progress),
 /* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_17__.ProgressBar),
-/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.RemovableTag),
+/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.RemovableTag),
 /* harmony export */   Snackbar: () => (/* reexport safe */ _snackbar__WEBPACK_IMPORTED_MODULE_18__.Snackbar),
-/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_9__["default"]),
-/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_6__["default"]),
-/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.TagGroup),
-/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_22__.Tooltip),
-/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_10__),
-/* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_7__["default"]),
-/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_8__["default"]),
+/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_8__["default"]),
+/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_19__.Table),
+/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.TagGroup),
+/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_23__.Tooltip),
+/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_9__),
+/* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_6__["default"]),
+/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_7__["default"]),
 /* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_14__.withPopover),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_22__.withTooltip)
+/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_23__.withTooltip)
 /* harmony export */ });
 /* harmony import */ var _chart__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./chart */ "./src/chart/index.js");
 /* harmony import */ var _combo_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./combo_button */ "./src/combo_button/index.js");
@@ -31117,23 +31496,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
 /* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
-/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
-/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
-/* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./badge */ "./src/badge.js");
-/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./button */ "./src/button/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
+/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
+/* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./badge */ "./src/badge.js");
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./button */ "./src/button/index.js");
+/* harmony import */ var _breadcrumbs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./breadcrumbs */ "./src/breadcrumbs/index.js");
 /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
 /* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
 /* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
 /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
 /* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
 /* harmony import */ var _snackbar__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./snackbar */ "./src/snackbar/index.js");
-/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
 // LICENSE_CODE ZON
 
 
@@ -31161,6 +31541,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /***/ }),
@@ -31810,9 +32191,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
 // LICENSE_CODE ZON
 
 
@@ -31828,13 +32210,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var variant = props.variant,
     disabled = props.disabled,
     active = props.active,
     icon = props.icon,
     tooltip = props.tooltip,
-    tooltipPlacement = props.tooltipPlacement,
+    placement = props.tooltipPlacement,
     size = props.size,
     noBackColor = props.noBackColor,
     rest = _objectWithoutProperties(props, _excluded);
@@ -31843,9 +32226,9 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
   var ic = _icons__WEBPACK_IMPORTED_MODULE_3__["default"][icon];
   if (!ic) return null;
   var iconSize = size == 'lg' || size == 'md' ? 18 : 16;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
     tooltip: tooltip,
-    placement: tooltipPlacement
+    placement: placement
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIconButton, _extends({
     ref: ref
   }, rest, {
@@ -31866,11 +32249,11 @@ IconButton.defaultProps = {
   size: 'md'
 };
 IconButton.propTypes = {
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.iconNames).isRequired,
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.iconNames).isRequired,
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   active: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
-  tooltipPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.tooltipPlacements),
+  tooltipPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_util__WEBPACK_IMPORTED_MODULE_4__.tooltipPlacement),
   size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xs', 'sm', 'md', 'lg']),
   noBackColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
 };
@@ -31878,7 +32261,7 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
   displayName: "StyledIconButton",
   componentId: "sc-114c1w5-0"
 })(["display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0;box-sizing:border-box;", " cursor:pointer;", ""], function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toSize)({
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toSize)({
     lg: 40,
     md: 36,
     sm: 28,
@@ -31886,15 +32269,15 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
   }[props.$size] || 36);
 }, function (props) {
   var backColor = 'transparent';
-  var border = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6);
-  var hoverBackColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2;
-  var hoverBorder = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_8);
-  var activeBackColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4;
-  var activeBorder = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4);
-  var disabledBorder = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7);
+  var border = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_6);
+  var hoverBackColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_2;
+  var hoverBorder = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_8);
+  var activeBackColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_4;
+  var activeBorder = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_4);
+  var disabledBorder = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_7);
   if (props.$active) {
-    backColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4;
-    border = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4);
+    backColor = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_4;
+    border = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_4);
   }
   if (props.$noBackColor) {
     backColor = 'transparent';
@@ -31913,10 +32296,10 @@ var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.wit
   displayName: "StyledSvg",
   componentId: "sc-114c1w5-1"
 })(["color:", ";", " ", ":hover:not(:disabled) &{color:", ";}", ":active:not(:disabled) &{color:", ";}", ":disabled &{color:", ";}"], function (props) {
-  return props.$active ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11 : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9;
+  return props.$active ? _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_11 : _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_9;
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toSize)(props.$size);
-}, StyledIconButton, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_25, StyledIconButton, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, StyledIconButton, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toSize)(props.$size);
+}, StyledIconButton, _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_25, StyledIconButton, _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.blue_11, StyledIconButton, _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_7);
 var calcSize = function calcSize(variant, size) {
   if (!variant) return size;
   return variant == 'icon-button' ? 'md' : 'xs';
@@ -36005,52 +36388,6 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 
 
-/***/ }),
-
-/***/ "./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(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-
-
-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;}"]);
-
 /***/ }),
 
 /***/ "./src/link/link.js":
@@ -36062,32 +36399,33 @@ var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_1___default().a.with
 "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 */   Link: () => (/* binding */ Link)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__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 react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* 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 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 _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/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
 
 
 /*jslint react:true*/
-
-var _excluded = ["text", "variant", "size", "icon"],
-  _excluded2 = ["isLeft", "isRight"];
-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); }
+var _excluded = ["isLeft", "isRight"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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; }
+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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -36096,36 +36434,39 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
+var _theme$color = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color,
+  blue_10 = _theme$color.blue_10,
+  blue_11 = _theme$color.blue_11,
+  gray_11_50 = _theme$color.gray_11_50;
+var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var text = props.text,
     variant = props.variant,
     size = props.size,
-    icon = props.icon,
-    rest = _objectWithoutProperties(props, _excluded);
-  if (variant == 'inline') {
-    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);
-  }
+    underline = props.underline;
+  var linkProps = _objectSpread(_objectSpread({}, (0,_util__WEBPACK_IMPORTED_MODULE_6__.getCommonProps)(props)), getLinkProps(props));
+  if (variant == 'inline') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InlineLink, _extends({
+    ref: ref
+  }, linkProps), text);
   var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('Link', props),
     isLeft = _getIconProps.isLeft,
     isRight = _getIconProps.isRight,
-    iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  var labelVariant = {
-    lg: 'lg',
-    sm: 'xs'
-  }[size] || 'base';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledLink, _extends({
+    iconProps = _objectWithoutProperties(_getIconProps, _excluded);
+  var labelProps = {
+    variant: {
+      lg: 'lg',
+      sm: 'xs'
+    }[size] || 'base',
+    children: text,
+    no_wrap: true,
+    'data-label': true
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledLink, _extends({
     ref: ref
-  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'iconPlacement', 'newTab'), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getLinkProps)(props), {
+  }, linkProps, {
     $variant: variant,
-    $size: size,
-    $noIcon: !icon
-  }), 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__.Icon, iconProps));
+    $underline: underline,
+    $size: size
+  }), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, labelProps), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps));
 });
 Link.displayName = 'Link';
 Link.defaultProps = {
@@ -36134,30 +36475,51 @@ Link.defaultProps = {
   iconPlacement: 'left'
 };
 Link.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node).isRequired,
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'inline']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
-  iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['left', 'right']),
-  href: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  newTab: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node).isRequired,
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'inline']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
+  iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right']),
+  href: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  newTab: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  underline: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_3___default().a.withConfig({
+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,
+    target: target,
+    rel: rel
+  };
+  if (newTab) p = _objectSpread(_objectSpread({}, p), {}, {
+    target: '_blank',
+    rel: 'noopener noreferrer'
+  });
+  return p;
+};
+var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.withConfig({
   displayName: "StyledLink",
   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) {
+})(["display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0;gap:", ";color:", ";[data-label]{text-decoration:", ";}cursor:pointer;&:disabled{cursor:not-allowed;}&:hover:not(:disabled){color:", ";[data-label]{text-decoration:", ";}}&:hover,:visited,:focus{text-decoration:none;}"], function (props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(props.$size == 'lg' ? 8 : 4);
 }, function (props) {
-  return props.$variant == 'primary' ? _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11 : _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50;
+  return props.$variant == 'primary' ? blue_11 : gray_11_50;
 }, function (props) {
-  return props.$variant == 'secondary' && props.$noIcon ? 'underline' : 'none';
+  return props.$underline ? 'underline' : 'none';
 }, function (props) {
-  return props.$variant == 'primary' ? _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11 : _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11;
-}, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, function (props) {
-  return props.$variant == 'secondary' && props.$noIcon ? 'underline' : 'none';
-}, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11);
-StyledLink.displayName = 'StyledLink';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);
+  return props.$variant == 'primary' ? blue_10 : blue_11;
+}, function (props) {
+  return props.$underline || props.$variant == 'primary' ? 'underline' : 'none';
+});
+var InlineLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.withConfig({
+  displayName: "InlineLink",
+  componentId: "sc-1ilmd36-1"
+})(["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;}"]);
 
 /***/ }),
 
@@ -39135,7 +39497,7 @@ var FunctionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().d
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_3__.Table)
 /* harmony export */ });
 /* harmony import */ var _sticky_rows__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sticky_rows */ "./src/table/sticky_rows.js");
 /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
@@ -39158,7 +39520,7 @@ _table__WEBPACK_IMPORTED_MODULE_3__.Table.Pagination = _pagination__WEBPACK_IMPO
 _table__WEBPACK_IMPORTED_MODULE_3__.Table.Provider = _context__WEBPACK_IMPORTED_MODULE_1__["default"];
 _table__WEBPACK_IMPORTED_MODULE_3__.Table.withPlugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.withPlugins;
 _table__WEBPACK_IMPORTED_MODULE_3__.Table.plugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.plugins;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_table__WEBPACK_IMPORTED_MODULE_3__.Table);
+
 
 /***/ }),
 
@@ -40579,12 +40941,13 @@ var InnerTable = function InnerTable(props) {
     overflow: 'auto',
     maxHeight: scrollHeight
   } : undefined;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
-    ref: wrapperRef,
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, _extends({
+    ref: wrapperRef
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(props), {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       container: true
     }, className)
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledTable, _extends({
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledTable, _extends({
     ref: tableRef
   }, getTableProps(), {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
@@ -41311,7 +41674,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util */ "./src/util/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ "./src/constants.js");
 // LICENSE_CODE ZON
 
@@ -41435,7 +41798,7 @@ Tooltip.defaultProps = {
 };
 Tooltip.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.tooltipPlacements),
+  placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_util__WEBPACK_IMPORTED_MODULE_5__.tooltipPlacement),
   noWrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   interactive: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'focus'])
@@ -42182,6 +42545,144 @@ var isExoticComponent = function isExoticComponent(component) {
 
 /***/ }),
 
+/***/ "./src/util/get_button_colors.js":
+/*!***************************************!*\
+  !*** ./src/util/get_button_colors.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getButtonColors: () => (/* binding */ getButtonColors)
+/* harmony export */ });
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+var getButtonColors = function getButtonColors(props) {
+  var $variant = props.$variant,
+    disabled = props.disabled;
+  if (disabled) {
+    return {
+      color: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_9,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_2,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_6)
+    };
+  }
+  var styles = {
+    primary: {
+      color: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.blue_11,
+      separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white),
+      hover: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.blue_10
+      },
+      active: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.blue_11,
+        boxShadow: '0 0 0 2px rgba(0, 106, 220, 0.4)'
+      }
+    },
+    secondary: {
+      color: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.blue_11,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.blue_11),
+      hover: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.blue_2
+      },
+      active: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+        boxShadow: '0 0 0 2px rgba(0, 106, 220, 0.4)'
+      }
+    },
+    negative: {
+      color: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.red_9,
+      separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white),
+      hover: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.red_10
+      },
+      active: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.red_9,
+        boxShadow: '0 0 0 2px rgba(205, 43, 49, 0.4)'
+      }
+    },
+    negative_secondary: {
+      color: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.red_9,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.red_9),
+      hover: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.red_2
+      },
+      active: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+        boxShadow: '0 0 0 2px rgba(205, 43, 49, 0.4)'
+      }
+    },
+    positive: {
+      color: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.green_11,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.green_11),
+      hover: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.green_2
+      },
+      active: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+        boxShadow: '0 0 0 2px rgba(6, 122, 111, 0.4)'
+      }
+    },
+    white: {
+      color: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_11_50,
+      iconColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_10,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.white,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_8),
+      hover: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_2
+      },
+      active: {
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_3,
+        border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_9),
+        iconColor: _theme__WEBPACK_IMPORTED_MODULE_0__["default"].color.gray_11_50
+      }
+    }
+  };
+  return styles[$variant] || styles.primary;
+};
+
+/***/ }),
+
+/***/ "./src/util/get_button_size.js":
+/*!*************************************!*\
+  !*** ./src/util/get_button_size.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getButtonSize: () => (/* binding */ getButtonSize)
+/* harmony export */ });
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var getButtonSize = function getButtonSize(size) {
+  var w = 40; // md
+  if (size == 'lg') w = 48;
+  if (size == 'sm') w = 36;
+  if (size == 'xs') w = 28;
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_1__.toPixel)(w));
+};
+
+/***/ }),
+
 /***/ "./src/util/get_props.js":
 /*!*******************************!*\
   !*** ./src/util/get_props.js ***!
@@ -42324,31 +42825,37 @@ var getStyleProps = function getStyleProps(props, name, classNamesState) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   OFFSET: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.OFFSET),
-/* harmony export */   VirtualizedListFactory: () => (/* reexport safe */ _virtualized_list__WEBPACK_IMPORTED_MODULE_6__.VirtualizedListFactory),
+/* harmony export */   OFFSET: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_6__.OFFSET),
+/* harmony export */   VirtualizedListFactory: () => (/* reexport safe */ _virtualized_list__WEBPACK_IMPORTED_MODULE_9__.VirtualizedListFactory),
 /* harmony export */   classNames: () => (/* reexport safe */ _class_names__WEBPACK_IMPORTED_MODULE_0__.classNames),
 /* harmony export */   firstDefined: () => (/* reexport safe */ _first_defined__WEBPACK_IMPORTED_MODULE_1__.firstDefined),
 /* harmony export */   flexRender: () => (/* reexport safe */ _flex_renderer__WEBPACK_IMPORTED_MODULE_2__.flexRender),
-/* harmony export */   getAriaProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_3__.getAriaProps),
-/* harmony export */   getCommonProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_3__.getCommonProps),
-/* harmony export */   getDataProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_3__.getDataProps),
-/* harmony export */   getGroupRowHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getGroupRowHeight),
-/* harmony export */   getListHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getListHeight),
-/* harmony export */   getNextRowIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getNextRowIndex),
-/* harmony export */   getScrollIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getScrollIndex),
-/* harmony export */   getStyleProps: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getStyleProps),
-/* harmony export */   isGroupHeader: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.isGroupHeader),
-/* harmony export */   splitProps: () => (/* reexport safe */ _split_props__WEBPACK_IMPORTED_MODULE_5__.splitProps),
-/* harmony export */   withUserStyles: () => (/* reexport safe */ _with_user_styles__WEBPACK_IMPORTED_MODULE_7__.withUserStyles)
+/* harmony export */   getAriaProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_5__.getAriaProps),
+/* harmony export */   getButtonColors: () => (/* reexport safe */ _get_button_colors__WEBPACK_IMPORTED_MODULE_3__.getButtonColors),
+/* harmony export */   getButtonSize: () => (/* reexport safe */ _get_button_size__WEBPACK_IMPORTED_MODULE_4__.getButtonSize),
+/* harmony export */   getCommonProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_5__.getCommonProps),
+/* harmony export */   getDataProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_5__.getDataProps),
+/* harmony export */   getGroupRowHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_6__.getGroupRowHeight),
+/* harmony export */   getListHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_6__.getListHeight),
+/* harmony export */   getNextRowIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_6__.getNextRowIndex),
+/* harmony export */   getScrollIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_6__.getScrollIndex),
+/* harmony export */   getStyleProps: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_6__.getStyleProps),
+/* harmony export */   isGroupHeader: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_6__.isGroupHeader),
+/* harmony export */   splitProps: () => (/* reexport safe */ _split_props__WEBPACK_IMPORTED_MODULE_7__.splitProps),
+/* harmony export */   tooltipPlacement: () => (/* reexport safe */ _tooltip_placement__WEBPACK_IMPORTED_MODULE_8__.tooltipPlacement),
+/* harmony export */   withUserStyles: () => (/* reexport safe */ _with_user_styles__WEBPACK_IMPORTED_MODULE_10__.withUserStyles)
 /* harmony export */ });
 /* harmony import */ var _class_names__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./class_names */ "./src/util/class_names.js");
 /* harmony import */ var _first_defined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./first_defined */ "./src/util/first_defined.js");
 /* harmony import */ var _flex_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./flex_renderer */ "./src/util/flex_renderer.js");
-/* harmony import */ var _get_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get_props */ "./src/util/get_props.js");
-/* harmony import */ var _getters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./getters */ "./src/util/getters.js");
-/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./split_props */ "./src/util/split_props.js");
-/* harmony import */ var _virtualized_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./virtualized_list */ "./src/util/virtualized_list.js");
-/* harmony import */ var _with_user_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./with_user_styles */ "./src/util/with_user_styles.js");
+/* harmony import */ var _get_button_colors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get_button_colors */ "./src/util/get_button_colors.js");
+/* harmony import */ var _get_button_size__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_button_size */ "./src/util/get_button_size.js");
+/* harmony import */ var _get_props__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get_props */ "./src/util/get_props.js");
+/* harmony import */ var _getters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./getters */ "./src/util/getters.js");
+/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./split_props */ "./src/util/split_props.js");
+/* harmony import */ var _tooltip_placement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tooltip_placement */ "./src/util/tooltip_placement.js");
+/* harmony import */ var _virtualized_list__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./virtualized_list */ "./src/util/virtualized_list.js");
+/* harmony import */ var _with_user_styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./with_user_styles */ "./src/util/with_user_styles.js");
 // LICENSE_CODE ZON
 
 
@@ -42362,6 +42869,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
+
 /***/ }),
 
 /***/ "./src/util/split_props.js":
@@ -42394,6 +42904,33 @@ var splitProps = function splitProps(props) {
 
 /***/ }),
 
+/***/ "./src/util/tooltip_placement.js":
+/*!***************************************!*\
+  !*** ./src/util/tooltip_placement.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   tooltipPlacement: () => (/* binding */ tooltipPlacement)
+/* harmony export */ });
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var tooltipPlacement = function () {
+  var positions = ['auto', 'top', 'right', 'bottom', 'left'];
+  var variants = ['', '-start', '-end'];
+  return positions.flatMap(function (p) {
+    return variants.map(function (v) {
+      return p + v;
+    });
+  });
+}();
+
+/***/ }),
+
 /***/ "./src/util/virtualized_list.js":
 /*!**************************************!*\
   !*** ./src/util/virtualized_list.js ***!
@@ -42686,15 +43223,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   colorNames: () => (/* binding */ colorNames),
 /* harmony export */   fromTheme: () => (/* binding */ fromTheme),
-/* harmony export */   getButtonColors: () => (/* binding */ getButtonColors),
 /* harmony export */   getIconProps: () => (/* binding */ getIconProps),
-/* harmony export */   getLinkProps: () => (/* binding */ getLinkProps),
 /* harmony export */   iconNames: () => (/* binding */ iconNames),
-/* harmony export */   toButtonSize: () => (/* binding */ toButtonSize),
 /* harmony export */   toIconSize: () => (/* binding */ toIconSize),
 /* harmony export */   toPixel: () => (/* binding */ toPixel),
-/* harmony export */   toSize: () => (/* binding */ toSize),
-/* harmony export */   tooltipPlacements: () => (/* binding */ tooltipPlacements)
+/* harmony export */   toSize: () => (/* binding */ toSize)
 /* harmony export */ });
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
@@ -42704,12 +43237,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -42762,112 +43289,6 @@ var getIconProps = function getIconProps(comp, opt) {
     size: iconSize()
   };
 };
-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,
-    target: target,
-    rel: rel
-  };
-  if (newTab) p = _objectSpread(_objectSpread({}, p), {}, {
-    target: '_blank',
-    rel: 'noopener noreferrer'
-  });
-  return p;
-};
-var getButtonColors = function getButtonColors(props) {
-  var $variant = props.$variant,
-    disabled = props.disabled;
-  if (disabled) {
-    return {
-      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_6)
-    };
-  }
-  var styles = {
-    primary: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11,
-      separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white),
-      hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_10
-      },
-      active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11,
-        boxShadow: '0 0 0 2px rgba(0, 106, 220, 0.4)'
-      }
-    },
-    secondary: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11),
-      hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_2
-      },
-      active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-        boxShadow: '0 0 0 2px rgba(0, 106, 220, 0.4)'
-      }
-    },
-    negative: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_9,
-      separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white),
-      hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_10
-      },
-      active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_9,
-        boxShadow: '0 0 0 2px rgba(205, 43, 49, 0.4)'
-      }
-    },
-    negative_secondary: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_9,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_9),
-      hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_2
-      },
-      active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-        boxShadow: '0 0 0 2px rgba(205, 43, 49, 0.4)'
-      }
-    },
-    positive: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.green_11,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.green_11),
-      hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.green_2
-      },
-      active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-        boxShadow: '0 0 0 2px rgba(6, 122, 111, 0.4)'
-      }
-    },
-    white: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_11_50,
-      iconColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_10,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_8),
-      hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2
-      },
-      active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3,
-        border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9),
-        iconColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_11_50
-      }
-    }
-  };
-  return styles[$variant] || styles.primary;
-};
 var toIconSize = function toIconSize(size) {
   if (size == 'xl') return toSize(48);
   if (size == 'lg') return toSize(32);
@@ -42876,22 +43297,6 @@ var toIconSize = function toIconSize(size) {
   if (size == 'xxs') return toSize(12);
   return toSize(24);
 };
-var toButtonSize = function toButtonSize(size) {
-  var w = 40; // md
-  if (size == 'lg') w = 48;
-  if (size == 'sm') w = 36;
-  if (size == 'xs') w = 28;
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["height:", ";"], toPixel(w));
-};
-var tooltipPlacements = function () {
-  var positions = ['auto', 'top', 'right', 'bottom', 'left'];
-  var variants = ['', '-start', '-end'];
-  return positions.flatMap(function (p) {
-    return variants.map(function (v) {
-      return p + v;
-    });
-  });
-}();
 
 /***/ }),
 
@@ -116773,6 +117178,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Badge: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Badge),
+/* harmony export */   Breadcrumbs: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Breadcrumbs),
 /* harmony export */   Button: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Button),
 /* harmony export */   Chart: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Chart),
 /* harmony export */   ClickableTag: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.ClickableTag),