@decisiv/ui-components 2.0.1-alpha.99 → 2.0.2-alpha.2

package/lib/components/StepTracker/styles.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepWrapper = exports.StepTrackerContainer = exports.StepTitle = exports.StepTitleContainer = exports.StepSeparator = exports.StepNumber = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _designTokens = require("@decisiv/design-tokens");
+
+var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
+
+var _typography = _interopRequireDefault(require("@decisiv/design-tokens/lib/typography"));
+
+var _Typography = require("../Typography");
+
+var _Flex = _interopRequireDefault(require("../Flex"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+var stepNumberSize = _designTokens.spacing.base * 3;
+
+var statusColor = function statusColor(active, completed) {
+  if (completed) return (0, _toColorString.default)(_color.default.status.success.medium);
+  if (active) return (0, _toColorString.default)(_color.default.status.information.medium);
+  return (0, _toColorString.default)(_color.default.base.quarterMoon);
+};
+
+var textStatusColor = function textStatusColor(active, completed) {
+  if (active || completed) return (0, _toColorString.default)(_color.default.base.snowWhite);
+  return (0, _toColorString.default)(_color.default.base.alaskanHusky);
+};
+
+var backgrounStatusColor = function backgrounStatusColor(active, completed) {
+  if (completed) return (0, _toColorString.default)(_color.default.status.success.medium);
+  if (active) return (0, _toColorString.default)(_color.default.status.information.medium);
+  return 'transparent';
+};
+
+var StepNumber = (0, _styledComponents.default)(_Flex.default).attrs({
+  alignItems: 'center',
+  justifyContent: 'center',
+  marginX: 0.2
+}).withConfig({
+  displayName: "styles__StepNumber",
+  componentId: "sc-1x1c7gs-0"
+})(["min-width:", ";min-height:", ";text-align:center;font-size:", ";border-radius:", ";color:", ";border:", " solid ", ";background-color:", ";"], (0, _rem.default)(stepNumberSize), (0, _rem.default)(stepNumberSize), (0, _rem.default)(_typography.default.size.alias.header4), (0, _rem.default)(stepNumberSize), function (_ref) {
+  var active = _ref.active,
+      completed = _ref.completed;
+  return textStatusColor(active, completed);
+}, (0, _rem.default)(_designTokens.spacing.base * 0.2), function (_ref2) {
+  var active = _ref2.active,
+      completed = _ref2.completed;
+  return statusColor(active, completed);
+}, function (_ref3) {
+  var active = _ref3.active,
+      completed = _ref3.completed;
+  return backgrounStatusColor(active, completed);
+});
+exports.StepNumber = StepNumber;
+
+var StepSeparator = _styledComponents.default.hr.withConfig({
+  displayName: "styles__StepSeparator",
+  componentId: "sc-1x1c7gs-1"
+})(["width:100%;height:0;border:0;border-top:", " solid ", ";border-bottom:", " solid ", ";", ""], (0, _rem.default)(_designTokens.spacing.base * 0.1), function (_ref4) {
+  var active = _ref4.active,
+      completed = _ref4.completed;
+  return statusColor(active, completed);
+}, (0, _rem.default)(_designTokens.spacing.base * 0.1), function (_ref5) {
+  var active = _ref5.active,
+      completed = _ref5.completed;
+  return statusColor(active, completed);
+}, function (_ref6) {
+  var hide = _ref6.hide;
+  return hide && (0, _styledComponents.css)(["visibility:hidden;"]);
+});
+
+exports.StepSeparator = StepSeparator;
+var StepTitleContainer = (0, _styledComponents.default)(_Flex.default).attrs({
+  marginTop: 1,
+  flex: 1,
+  flexDirection: 'column',
+  alignItems: 'center',
+  paddingX: 0.5
+}).withConfig({
+  displayName: "styles__StepTitleContainer",
+  componentId: "sc-1x1c7gs-2"
+})(["text-align:center;"]);
+exports.StepTitleContainer = StepTitleContainer;
+var StepTitle = (0, _styledComponents.default)(_Typography.P).withConfig({
+  displayName: "styles__StepTitle",
+  componentId: "sc-1x1c7gs-3"
+})([""]);
+exports.StepTitle = StepTitle;
+var StepTrackerContainer = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "styles__StepTrackerContainer",
+  componentId: "sc-1x1c7gs-4"
+})(["width:100%;"]);
+exports.StepTrackerContainer = StepTrackerContainer;
+var StepWrapper = (0, _styledComponents.default)(_Flex.default).attrs({
+  flex: 1,
+  flexDirection: 'column'
+}).withConfig({
+  displayName: "styles__StepWrapper",
+  componentId: "sc-1x1c7gs-5"
+})([""]);
+exports.StepWrapper = StepWrapper;

package/lib/components/Table/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,UAAU,EAAyB,MAAM,SAAS,CAAC;AAwE5D,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CA8K1D;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,UAAU,EAAyB,MAAM,SAAS,CAAC;AAwE5D,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CAyK1D;AAED,eAAe,IAAI,CAAC"}

package/lib/components/Table/Body.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactBeautifulDnd = require("react-beautiful-dnd");
@@ -169,7 +167,6 @@ function Body(props) {
       positions[dndIndex] = [dataIndex];
 
       if ((0, _utils.isGroupData)(dataObj, props)) {
-        var groupData = (0, _omit.default)(dataObj, props.rowDataPath);
         var groupId = getRowKey(dataObj, {
           isGroupHeaderRow: true
         });
@@ -181,7 +178,7 @@ function Body(props) {
           isDragDisabled: true
         }, function (provided) {
           return _react.default.createElement(GroupHeaderRow, _extends({
-            groupData: groupData,
+            groupData: dataObj,
             groupId: groupId,
             provided: provided,
             getRowAttrs: getRowAttrs
@@ -200,7 +197,7 @@ function Body(props) {
             return _react.default.createElement(_DataRow.default, {
               className: "group-data-row",
               columns: columns,
-              groupData: groupData,
+              groupData: dataObj,
               groupId: groupId,
               key: rowKey,
               kind: kind,

package/lib/components/Table/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Container.ts"],"names":[],"mappings":"AAGA,OAAe,EAAO,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAMrE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,aAAK,yBAAyB,GAAG,IAAI,CACnC,UAAU,CAAC,MAAM,EAAE,CAAC,EACpB,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACzC,CAAC;AAEF,UAAU,mBAAoB,SAAQ,yBAAyB;IAC7D,SAAS,EAAE,OAAO,CAAC;CACpB;AAyBD,QAAA,MAAM,mBAAmB;;;CAqDxB,CAAC;AAEF,oBAAY,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAI7D,QAAA,MAAM,qBAAqB;;;CAU1B,CAAC;AAEF,oBAAY,qBAAqB,GAAG,OAAO,qBAAqB,CAAC;AACjE,oBAAY,eAAe,GAAG,MAAM,qBAAqB,CAAC;AAI1D,QAAA,MAAM,sBAAsB;;;CA4B3B,CAAC;AAEF,oBAAY,gBAAgB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAInE,QAAA,MAAM,SAAS,qFA0Od,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Container.ts"],"names":[],"mappings":"AAGA,OAAe,EAAO,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAOrE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,aAAK,yBAAyB,GAAG,IAAI,CACnC,UAAU,CAAC,MAAM,EAAE,CAAC,EACpB,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACzC,CAAC;AAEF,UAAU,mBAAoB,SAAQ,yBAAyB;IAC7D,SAAS,EAAE,OAAO,CAAC;CACpB;AAyBD,QAAA,MAAM,mBAAmB;;;CAqDxB,CAAC;AAEF,oBAAY,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAI7D,QAAA,MAAM,qBAAqB;;;CAU1B,CAAC;AAEF,oBAAY,qBAAqB,GAAG,OAAO,qBAAqB,CAAC;AACjE,oBAAY,eAAe,GAAG,MAAM,qBAAqB,CAAC;AAI1D,QAAA,MAAM,sBAAsB;;;CA4B3B,CAAC;AAEF,oBAAY,gBAAgB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAuBnE,QAAA,MAAM,SAAS,qFA4Qd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/Table/Container.js

@@ -15,12 +15,16 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _styledComponentsModifiers = require("styled-components-modifiers");
 
+var _focusRingWithColor = _interopRequireDefault(require("../../utils/focusRingWithColor"));
+
 var _dynamicModifiers = require("../../utils/dynamicModifiers");
 
 var _rgbaToHex = _interopRequireDefault(require("../../utils/rgbaToHex"));
 
 var _styleModifiers = require("../../utils/styleModifiers");
 
+var _skyPlane = _interopRequireDefault(require("../../utils/skyPlane"));
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -56,11 +60,12 @@ var variantModifiersConfig = {
   }
 };
 var variantModifiers = (0, _styledComponentsModifiers.applyStyleModifiers)(variantModifiersConfig, 'variant');
+var onFocusStyles = (0, _styledComponents.css)(["border-color:", ";", " opacity:0.8;outline:", " solid 1px;border-radius:2px;&:active{border-color:", ";box-shadow:", ";opacity:0.8;}&:focus:not(:active){border-color:", ";", "}"], (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _focusRingWithColor.default)(_designTokens.color.interaction.pacificOcean40), (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _skyPlane.default)(), (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _focusRingWithColor.default)(_designTokens.color.interaction.pacificOcean40));
 
 var Container = _styledComponents.default.div.withConfig({
   displayName: "Container",
   componentId: "sc-79cwvb-0"
-})(["font-size:", ";width:100%;overflow:hidden;table{border-spacing:0;border-collapse:collapse;height:100%;text-align:left;width:100%;thead{height:100%;tr{height:100%;th{background-color:", ";box-shadow:inset 0px -2px ", ";height:100%;padding-bottom:0;padding-top:0;vertical-align:top;position:sticky;top:0;z-index:3;}th.left:after,th.right:after{content:' ';position:absolute;top:0;pointer-events:none;height:100%;}th.left:after{right:0;box-shadow:1px 0px ", ";width:1px;}th:not(.right) + th.right:after{left:-1px;box-shadow:inset -1px 0px ", ";width:1px;}th > div{box-sizing:border-box;display:flex;height:100%;font-size:", ";font-weight:", ";line-height:", ";padding:", " ", ";text-transform:uppercase;> .fluid{margin:-", " -", ";padding:", " ", ";}}th:first-of-type > div{padding-left:", ";> .fluid{margin-left:-", ";padding-left:", ";width:calc(100% + ", ");}}th:last-of-type > div{padding-right:", ";> .fluid{margin-right:-", ";padding-right:", ";width:calc(100% + ", ");}}th.left,th.right{z-index:4;position:sticky;}th.handle-container{width:1px;div{padding-left:0;padding-right:0;}}}}tbody{tr:last-of-type{td,th{border-bottom:1px solid ", ";}}tr:first-of-type{td,th{border-top:none;}}tr{td,th{border-top:1px solid ", ";}td{background-color:", ";background-clip:padding-box;}background-color:", ";td > div,th > div{align-items:center;display:flex;padding-left:", ";padding-right:", ";}td:first-of-type > div,th:first-of-type > div{padding-left:", ";}td:last-of-type > div,th:last-of-type > div{padding-right:", ";}th.handle-container,td.handle-container{width:1px;div{padding-left:0;padding-right:0;}}th > div{align-items:center;display:flex;font-size:", ";font-weight:", ";line-height:", ";padding:", " ", ";}th.left,td.left,th.right,td.right{position:sticky;z-index:2;}td.left:after,th.left:after,td.right:after,th.right:after{content:' ';position:absolute;top:0;pointer-events:none;height:100%;}td.left:after,th.left:after{right:0;box-shadow:1px 0px ", ";width:1px;}td:not(.right) + td.right:after,th:not(.right) + th.right:after{left:-1px;box-shadow:inset -1px 0px ", ";width:1px;}}tr.group-header-row > th{background-color:", ";border-bottom:2px solid ", ";}}}", " ", " ", ";", ";", ";"], (0, _rem.default)(_designTokens.typography.size.alias.default), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rem.default)(_designTokens.typography.size.alias.paragraph2), _designTokens.typography.weight.alias.semibold, _designTokens.typography.height.alias.tall, (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 3), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 3), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.typography.size.alias.paragraph2), _designTokens.typography.weight.alias.semibold, _designTokens.typography.height.alias.tall, (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.snowWhite), (0, _styleModifiers.when)('hasFooter', (0, _styledComponents.css)(["table{tbody{tr:last-of-type{td,th{border-bottom:none;}}}}"])), heightModifiers, kindModifiers, variantModifiers, scrollModifiers);
+})(["font-size:", ";width:100%;overflow:hidden;table{border-spacing:0;border-collapse:collapse;height:100%;text-align:left;width:100%;background-color:", ";thead{height:100%;tr{height:100%;th{background-color:", ";box-shadow:inset 0px -2px ", ";height:100%;padding-bottom:0;padding-top:0;vertical-align:top;position:sticky;top:0;z-index:3;}th.left:after,th.right:after{content:' ';position:absolute;top:0;pointer-events:none;height:100%;}th.left:after{right:0;box-shadow:1px 0px ", ";width:1px;}th:not(.right) + th.right:after{left:-1px;box-shadow:inset -1px 0px ", ";width:1px;}th > div{box-sizing:border-box;display:flex;height:100%;font-size:", ";font-weight:", ";line-height:", ";padding:", " ", ";text-transform:uppercase;> .fluid{margin:-", " -", ";padding:", " ", ";}}th:first-of-type > div{padding-left:", ";> .fluid{margin-left:-", ";padding-left:", ";width:calc(100% + ", ");}}th:last-of-type > div{padding-right:", ";> .fluid{margin-right:-", ";padding-right:", ";width:calc(100% + ", ");}}th.left,th.right{z-index:4;position:sticky;}th.handle-container{width:1px;div{padding-left:0;padding-right:0;}}}}td.handle-container{path:hover{fill:", ";}*:focus{", ";}}tbody{tr:last-of-type{td,th{border-bottom:1px solid ", ";}}tr:first-of-type{td,th{border-top:none;}}tr{&:active{", ";}&:focus{", ";}&:focus-visible{", ";}td,th{border-top:1px solid ", ";}td{background-color:", ";background-clip:padding-box;}background-color:", ";td > div,th > div{align-items:center;display:flex;padding-left:", ";padding-right:", ";}td:first-of-type > div,th:first-of-type > div{padding-left:", ";}td:last-of-type > div,th:last-of-type > div{padding-right:", ";}th.handle-container,td.handle-container{width:1px;&:active{cursor:grab;}div{padding-left:0;padding-right:0;}}th > div{align-items:center;display:flex;font-size:", ";font-weight:", ";line-height:", ";padding:", " ", ";}th.left,td.left,th.right,td.right{position:sticky;z-index:2;}td.left:after,th.left:after,td.right:after,th.right:after{content:' ';position:absolute;top:0;pointer-events:none;height:100%;}td.left:after,th.left:after{right:0;box-shadow:1px 0px ", ";width:1px;}td:not(.right) + td.right:after,th:not(.right) + th.right:after{left:-1px;box-shadow:inset -1px 0px ", ";width:1px;}}tr.group-header-row > th{background-color:", ";border-bottom:2px solid ", ";}}}", " ", " ", ";", ";", ";"], (0, _rem.default)(_designTokens.typography.size.alias.default), (0, _toColorString.default)(_designTokens.color.interaction.indianOcean), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rem.default)(_designTokens.typography.size.alias.paragraph2), _designTokens.typography.weight.alias.semibold, _designTokens.typography.height.alias.tall, (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 3), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 3), (0, _toColorString.default)(_designTokens.color.interaction.indianOcean), onFocusStyles, (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), onFocusStyles, onFocusStyles, onFocusStyles, (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _rem.default)(_designTokens.typography.size.alias.paragraph2), _designTokens.typography.weight.alias.semibold, _designTokens.typography.height.alias.tall, (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.halfMoon), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _rgbaToHex.default)(_designTokens.color.opacity.charcoal15, _designTokens.color.base.snowWhite), (0, _styleModifiers.when)('hasFooter', (0, _styledComponents.css)(["table{tbody{tr:last-of-type{td,th{border-bottom:none;}}}}"])), heightModifiers, kindModifiers, variantModifiers, scrollModifiers);
 
 var _default = Container;
 exports.default = _default;

package/lib/components/Table/Grip.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
+interface GripProps {
+    marginRight?: string | number;
+    selected?: boolean;
+}
+declare const Grip: ({ marginRight, selected }: GripProps) => JSX.Element;
+export default Grip;
 //# sourceMappingURL=Grip.d.ts.map

package/lib/components/Table/Grip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grip.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Grip.tsx"],"names":[],"mappings":";;AAEA,wBAgBE"}
+{"version":3,"file":"Grip.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Grip.tsx"],"names":[],"mappings":";AAEA,UAAU,SAAS;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,uDAmBT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/Table/Grip.js

@@ -9,10 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = function _default() {
+var Grip = function Grip(_ref) {
+  var marginRight = _ref.marginRight,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? false : _ref$selected;
+  var fillColor = selected ? '#fff' : '#1C6EE6';
   return _react.default.createElement("svg", {
     style: {
-      margin: '0 5px'
+      margin: '0 5px',
+      marginRight: marginRight
     },
     xmlns: "http://www.w3.org/2000/svg",
     width: "8",
@@ -23,8 +28,9 @@ var _default = function _default() {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2 0.75C1.30964 0.75 0.75 1.30964 0.75 2C0.75 2.69036 1.30964 3.25 2 3.25C2.69036 3.25 3.25 2.69036 3.25 2C3.25 1.30964 2.69036 0.75 2 0.75ZM2 4.75C1.30964 4.75 0.75 5.30964 0.75 6C0.75 6.69036 1.30964 7.25 2 7.25C2.69036 7.25 3.25 6.69036 3.25 6C3.25 5.30964 2.69036 4.75 2 4.75ZM0.75 10C0.75 9.30964 1.30964 8.75 2 8.75C2.69036 8.75 3.25 9.30964 3.25 10C3.25 10.6904 2.69036 11.25 2 11.25C1.30964 11.25 0.75 10.6904 0.75 10ZM6 4.75C5.30964 4.75 4.75 5.30964 4.75 6C4.75 6.69036 5.30964 7.25 6 7.25C6.69036 7.25 7.25 6.69036 7.25 6C7.25 5.30964 6.69036 4.75 6 4.75ZM4.75 2C4.75 1.30964 5.30964 0.75 6 0.75C6.69036 0.75 7.25 1.30964 7.25 2C7.25 2.69036 6.69036 3.25 6 3.25C5.30964 3.25 4.75 2.69036 4.75 2ZM6 8.75C5.30964 8.75 4.75 9.30964 4.75 10C4.75 10.6904 5.30964 11.25 6 11.25C6.69036 11.25 7.25 10.6904 7.25 10C7.25 9.30964 6.69036 8.75 6 8.75ZM0.75 14C0.75 13.3096 1.30964 12.75 2 12.75C2.69036 12.75 3.25 13.3096 3.25 14C3.25 14.6904 2.69036 15.25 2 15.25C1.30964 15.25 0.75 14.6904 0.75 14ZM6 12.75C5.30964 12.75 4.75 13.3096 4.75 14C4.75 14.6904 5.30964 15.25 6 15.25C6.69036 15.25 7.25 14.6904 7.25 14C7.25 13.3096 6.69036 12.75 6 12.75Z",
-    fill: "#1C6EE6"
+    fill: fillColor
   }));
 };
 
+var _default = Grip;
 exports.default = _default;

package/lib/components/Table/index.js

@@ -254,7 +254,7 @@ Table.propTypes = _objectSpread({}, _schema.default.propTypes, {
   footer: _propTypes2.default.elementType,
   getRowKey: (0, _propTypes.requireIf)(_propTypes2.default.func, function (_ref3) {
     var data = _ref3.data;
-    return !((0, _get.default)(data, '0.key') || (0, _get.default)(data, '0.id'));
+    return !!data && data.length > 0 && !((0, _get.default)(data, '0.key') || (0, _get.default)(data, '0.id'));
   }),
   height: (0, _propTypes.requireIf)(_propTypes2.default.string, function (_ref4) {
     var scroll = _ref4.scroll,

package/lib/components/Tabs/Tab/index.d.ts

@@ -0,0 +1,13 @@
+import React, { Ref, HTMLAttributes } from 'react';
+import { IconProps } from '@decisiv/iconix';
+export declare type TabIcon = (props: IconProps) => JSX.Element;
+export interface TabProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'size'> {
+    id: string;
+    ref?: Ref<HTMLButtonElement>;
+    icon?: TabIcon;
+    title: string;
+    disabled?: boolean;
+}
+declare const Tab: React.ForwardRefExoticComponent<Pick<TabProps, "title" | "style" | "onDragEnd" | "id" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "icon" | "disabled"> & React.RefAttributes<HTMLButtonElement>>;
+export default Tab;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Tabs/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,GAAG,EAKH,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAQ5C,oBAAY,OAAO,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAExD,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACvD,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,GAAG,glJAsDR,CAAC;AAiBF,eAAe,GAAG,CAAC"}

package/lib/components/Tabs/Tab/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _assignRef = _interopRequireDefault(require("../../../utils/assignRef"));
+
+var _context = require("../context");
+
+var _styles = require("./styles");
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Tab = (0, _react.forwardRef)(function (_ref, ref) {
+  var id = _ref.id,
+      children = _ref.children,
+      icon = _ref.icon,
+      title = _ref.title,
+      onClick = _ref.onClick,
+      disabled = _ref.disabled,
+      rest = _objectWithoutProperties(_ref, ["id", "children", "icon", "title", "onClick", "disabled"]);
+
+  var _useTabs = (0, _context.useTabs)(),
+      register = _useTabs.register,
+      activate = _useTabs.activate,
+      activeId = _useTabs.activeId,
+      onKeyDown = _useTabs.onKeyDown,
+      size = _useTabs.size;
+
+  var Icon = icon;
+  var isActive = id === activeId;
+  var internalRef = (0, _react.useRef)(null);
+  var handleClick = (0, _react.useCallback)(function (e) {
+    !disabled && activate(id);
+    onClick && onClick(e);
+  }, [id, activate, disabled, onClick]);
+
+  var assignRefs = function assignRefs(node) {
+    (0, _assignRef.default)(ref, node);
+    (0, _assignRef.default)(internalRef, node);
+  };
+
+  (0, _react.useEffect)(function () {
+    var unregister = register(id, {
+      isDisabled: !!disabled,
+      content: children,
+      ref: internalRef
+    });
+    return unregister;
+  }, [id, disabled, children, internalRef, register]);
+  return _react.default.createElement(_styles.TabContainer, _extends({}, rest, {
+    "aria-controls": "tab-panel-".concat(id),
+    "aria-selected": isActive,
+    disabled: !!disabled,
+    id: "tab-".concat(id),
+    onClick: handleClick,
+    onKeyDown: onKeyDown,
+    ref: assignRefs,
+    role: "tab",
+    size: size || 'normal',
+    tabIndex: isActive ? 0 : -1,
+    type: "button"
+  }), Icon && _react.default.createElement(Icon, {
+    size: "medium"
+  }), _react.default.createElement("span", null, title));
+}); // @ts-ignore
+
+Tab.propTypes = {
+  id: _propTypes.default.string.isRequired,
+  title: _propTypes.default.string.isRequired,
+  icon: _propTypes.default.elementType,
+  disabled: _propTypes.default.bool
+};
+Tab.displayName = 'Tab';
+Tab.defaultProps = {
+  icon: undefined,
+  disabled: false
+};
+var _default = Tab;
+exports.default = _default;

package/lib/components/Tabs/Tab/schema.d.ts

@@ -0,0 +1,3 @@
+declare const schema: any;
+export default schema;
+//# sourceMappingURL=schema.d.ts.map

package/lib/components/Tabs/Tab/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAmC,CAAC;AAqBhD,eAAe,MAAM,CAAC"}

package/lib/components/Tabs/Tab/styles.d.ts

@@ -0,0 +1,7 @@
+import { TabProps } from '.';
+interface StyledTabProps extends Omit<TabProps, 'title'> {
+    size: 'normal' | 'large';
+}
+export declare const TabContainer: import("styled-components").StyledComponent<"button", any, StyledTabProps, never>;
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/lib/components/Tabs/Tab/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/styles.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAE7B,UAAU,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;IACtD,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC1B;AAMD,eAAO,MAAM,YAAY,mFAgFxB,CAAC"}

package/lib/components/Tabs/Tab/styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabContainer = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _designTokens = require("@decisiv/design-tokens");
+
+var _BaseButton = _interopRequireDefault(require("../../../atoms/BaseButton"));
+
+var _styleModifiers = require("../../../utils/styleModifiers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+/* eslint-disable import/prefer-default-export */
+var base = _designTokens.color.base,
+    interaction = _designTokens.color.interaction,
+    opacity = _designTokens.color.opacity;
+var shadowColor = (0, _toColorString.default)(interaction.pacificOcean40);
+var yPaddingBySize = {
+  normal: 5,
+  large: 10
+};
+var TabContainer = (0, _styledComponents.default)(_BaseButton.default).withConfig({
+  displayName: "styles__TabContainer",
+  componentId: "sc-3l38e9-0"
+})(["color:", ";align-items:center;background:", ";border-radius:2px 2px 0 0;border:1px solid transparent;cursor:default;display:flex;font-size:", ";line-height:1.4;margin:0;outline:none;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";position:relative;font-weight:", ";&::after{background:", ";bottom:-1px;content:'';height:3px;left:2px;opacity:0;position:absolute;right:2px;}&:hover{color:", ";}&[aria-selected='true']{border-color:", ";border-bottom-color:transparent;color:", ";margin-bottom:-1px;padding-bottom:", ";&:focus{border-color:", ";border-bottom-color:", ";box-shadow:inset 0 0 0 2px ", ";&::after{opacity:1;}}}&:disabled{color:", ";cursor:not-allowed;}> *:not(span){margin-top:-1px;}> * + span{margin-left:", ";}", ";"], (0, _toColorString.default)(interaction.pacificOcean), (0, _toColorString.default)(base.snowWhite), (0, _rem.default)(_designTokens.typography.size.scale[1]), (0, _rem.default)(yPaddingBySize.normal + 3), (0, _rem.default)(15), (0, _rem.default)(yPaddingBySize.normal - 1), (0, _rem.default)(15), _designTokens.typography.weight.alias.medium, (0, _toColorString.default)(base.snowWhite), (0, _toColorString.default)(interaction.indianOcean), (0, _toColorString.default)(base.quarterMoon), (0, _toColorString.default)(base.alaskanHusky), (0, _rem.default)(yPaddingBySize.normal), (0, _toColorString.default)(interaction.pacificOcean), shadowColor, shadowColor, (0, _toColorString.default)(opacity.charcoal40), (0, _rem.default)(8), (0, _styleModifiers.when)('size', 'large', (0, _styledComponents.css)(["font-size:", ";line-height:1.2;padding-bottom:", ";padding-top:", ";&[aria-selected='true']{padding-bottom:", ";}"], (0, _rem.default)(_designTokens.typography.size.scale[2]), (0, _rem.default)(yPaddingBySize.large - 1), (0, _rem.default)(yPaddingBySize.large + 3), (0, _rem.default)(yPaddingBySize.large))));
+exports.TabContainer = TabContainer;

package/lib/components/Tabs/context.d.ts

@@ -1,10 +1,10 @@
 import { KeyboardEvent } from 'react';
-import { TabData } from './types';
+import { TabData } from '.';
 declare const defaultCtxValue: {
     activeId: string;
     register(id: string, data: TabData): void;
     onKeyDown(e: KeyboardEvent<HTMLButtonElement>): void;
-    activateById(id: string): void;
+    activate(id: string): void;
 };
 export declare type CtxValue = typeof defaultCtxValue & {
     size?: 'normal' | 'large';

package/lib/components/Tabs/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,aAAa,EAAc,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGlC,QAAA,MAAM,eAAe;;;;;CAKpB,CAAC;AAEF,oBAAY,QAAQ,GAAG,OAAO,eAAe,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC3B,CAAC;AAGF,QAAA,MAAM,mBAAmB,kFAAuB,CAAC;AAEjD,QAAA,MAAM,OAAO,gBAAiE,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,aAAa,EAAc,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAG5B,QAAA,MAAM,eAAe;;;;;CAKpB,CAAC;AAEF,oBAAY,QAAQ,GAAG,OAAO,eAAe,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC3B,CAAC;AAGF,QAAA,MAAM,mBAAmB,kFAAuB,CAAC;AAEjD,QAAA,MAAM,OAAO,gBAAiE,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/components/Tabs/context.js

@@ -12,7 +12,7 @@ var defaultCtxValue = {
   activeId: '',
   register: function register(id, data) {},
   onKeyDown: function onKeyDown(e) {},
-  activateById: function activateById(id) {}
+  activate: function activate(id) {}
 };
 var TabsContext = (0, _react.createContext)(defaultCtxValue);
 var TabsContextProvider = TabsContext.Provider;

package/lib/components/Tabs/index.d.ts

@@ -1,7 +1,18 @@
-import { RefForwardingComponent } from 'react';
-import { Props, TabsRef } from './types';
-export * from './types';
-export { default as Tab } from './Tab';
-declare const TabsWithRef: RefForwardingComponent<TabsRef, Props>;
-export default TabsWithRef;
+import React, { Ref, HTMLAttributes, RefObject, ReactNode } from 'react';
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    ref?: Ref<HTMLDivElement>;
+    size?: 'normal' | 'large';
+    onChange?: (id: string) => void;
+    selectedId?: string;
+    defaultSelectedId?: string;
+    renderHiddenTabsContent?: boolean;
+}
+export interface TabData {
+    ref: RefObject<HTMLButtonElement>;
+    content: ReactNode;
+    isDisabled: boolean;
+}
+declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "title" | "style" | "onDragEnd" | "size" | "id" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selectedId" | "defaultSelectedId" | "renderHiddenTabsContent"> & React.RefAttributes<HTMLDivElement>>;
+export { default as Tab, TabProps, TabIcon } from './Tab';
+export default Tabs;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAIZ,sBAAsB,EAMvB,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,KAAK,EAAW,OAAO,EAAE,MAAM,SAAS,CAAC;AAElD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAmLvC,QAAA,MAAM,WAAW,EAAE,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAoB,CAAC;AAkB7E,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,GAAG,EAIH,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,IAAI,koJA+IT,CAAC;AAqBF,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1D,eAAe,IAAI,CAAC"}