@kaizen/components 1.24.1 → 1.24.2

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SuccessIcon = require('./SuccessIcon-d357871a.js');
+var SuccessIcon = require('./SuccessIcon-d0cca714.js');
 var React = require('react');
 var classnames = require('classnames');
 var draftBadge = require('@kaizen/draft-badge');
@@ -47,7 +47,7 @@ var designTokens = require('@kaizen/design-tokens');
 var draftTag = require('@kaizen/draft-tag');
 var brand = require('@kaizen/brand');
 
-var styles$I = {"button":"GenericButton-module_button__CppNA","reversed":"GenericButton-module_reversed__OHQ9F","working":"GenericButton-module_working__B1ojO","content":"GenericButton-module_content__a-VN9","default":"GenericButton-module_default__8a-A7","primary":"GenericButton-module_primary__KW-BL","destructive":"GenericButton-module_destructive__mBOt6","secondary":"GenericButton-module_secondary__rBdAd","small":"GenericButton-module_small__T-q6W","container":"GenericButton-module_container__HK-pe","label":"GenericButton-module_label__Upmc2","fullWidth":"GenericButton-module_fullWidth__iQYxB","iconWrapper":"GenericButton-module_iconWrapper__WUyaY","additionalContentWrapper":"GenericButton-module_additionalContentWrapper__eyS8n","loadingSpinner":"GenericButton-module_loadingSpinner__yeuqW","centeredLoadingSpinner":"GenericButton-module_centeredLoadingSpinner__kB2yt","hidden":"GenericButton-module_hidden__SnhqG"};
+var styles$I = {"button":"GenericButton-module_button__CrXoI","reversed":"GenericButton-module_reversed__Pzsic","working":"GenericButton-module_working__mRozR","content":"GenericButton-module_content__E-vUa","default":"GenericButton-module_default__miX7x","primary":"GenericButton-module_primary__FB-Ts","destructive":"GenericButton-module_destructive__O9h5V","secondary":"GenericButton-module_secondary__YbAZ-","small":"GenericButton-module_small__YPMel","iconButton":"GenericButton-module_iconButton__XR24h","circleButton":"GenericButton-module_circleButton__bJk9T","paginationLink":"GenericButton-module_paginationLink__MzUls","isPaginationLinkActive":"GenericButton-module_isPaginationLinkActive__BWdeE","directionalLink":"GenericButton-module_directionalLink__N9Kwb","container":"GenericButton-module_container__6JphL","label":"GenericButton-module_label__Xdblv","fullWidth":"GenericButton-module_fullWidth__bxasc","iconWrapper":"GenericButton-module_iconWrapper__wSWAB","additionalContentWrapper":"GenericButton-module_additionalContentWrapper__PHvbf","loadingSpinner":"GenericButton-module_loadingSpinner__JTaXL","centeredLoadingSpinner":"GenericButton-module_centeredLoadingSpinner__urPMo","hidden":"GenericButton-module_hidden__TuNy8"};
 
 var getCustomProps = function(props) {
   var keys = Object.keys(props).filter(function(k) {
@@ -207,6 +207,28 @@ Button.defaultProps = {
 };
 Button.displayName = "Button";
 
+var IconButton = function(props) {
+  return React.createElement(GenericButton, SuccessIcon.__assign({ iconButton: true }, props));
+};
+IconButton.defaultProps = {
+  primary: false,
+  destructive: false,
+  disabled: false,
+  reversed: false,
+  secondary: false
+};
+IconButton.displayName = "IconButton";
+
+var PaginationLink = function(_a) {
+  var pageNumber = _a.pageNumber, restProps = SuccessIcon.__rest(_a, ["pageNumber"]);
+  return React.createElement(GenericButton, SuccessIcon.__assign({}, restProps, { paginationLink: true, label: "".concat(pageNumber) }));
+};
+PaginationLink.defaultProps = {
+  reversed: false,
+  isActive: false
+};
+PaginationLink.displayName = "PaginationLink";
+
 var AcademyIcon = function(props) {
   var uniqueId = uuid.v4();
   var svgContent = React.createElement(
@@ -3777,6 +3799,21 @@ var ZoomOutIcon = function(props) {
   return React.createElement(SuccessIcon.SVG, SuccessIcon.__assign({}, props), svgContent);
 };
 
+var iconMap = {
+  prev: React.createElement(ArrowBackwardIcon, { role: "presentation" }),
+  next: React.createElement(ArrowForwardIcon, { role: "presentation" }),
+  start: React.createElement(StartIcon, { role: "presentation" }),
+  end: React.createElement(EndIcon, { role: "presentation" })
+};
+var DirectionalLink = function(props) {
+  return React.createElement(GenericButton, SuccessIcon.__assign({}, props, { iconButton: true, directionalLink: true, icon: iconMap[props.direction] }));
+};
+DirectionalLink.defaultProps = {
+  reversed: false,
+  disabled: false
+};
+DirectionalLink.displayName = "DirectionalLink";
+
 var styles$H = {"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};
 
 var ClearButton$1 = function(_a) {
@@ -6592,6 +6629,7 @@ exports.DeltaPositiveIcon = DeltaPositiveIcon;
 exports.DeltaWhiteIcon = DeltaWhiteIcon;
 exports.DemographicsIcon = DemographicsIcon;
 exports.DepartmentIcon = DepartmentIcon;
+exports.DirectionalLink = DirectionalLink;
 exports.DraftIcon = DraftIcon;
 exports.DraftWhiteIcon = DraftWhiteIcon;
 exports.DragIcon = DragIcon;
@@ -6664,6 +6702,7 @@ exports.HeatmapIcon = HeatmapIcon;
 exports.HeatmapWhiteIcon = HeatmapWhiteIcon;
 exports.HierarchyIcon = HierarchyIcon;
 exports.HomeIcon = HomeIcon;
+exports.IconButton = IconButton;
 exports.ImportIcon = ImportIcon;
 exports.ImportWhiteIcon = ImportWhiteIcon;
 exports.IncreaseIndentIcon = IncreaseIndentIcon;
@@ -6699,6 +6738,7 @@ exports.NumberedListRtlIcon = NumberedListRtlIcon;
 exports.OpenIcon = OpenIcon;
 exports.OpenWhiteIcon = OpenWhiteIcon;
 exports.OrganizationIcon = OrganizationIcon;
+exports.PaginationLink = PaginationLink;
 exports.ParticipationIcon = ParticipationIcon;
 exports.ParticipationWhiteIcon = ParticipationWhiteIcon;
 exports.PauseIcon = PauseIcon;