@commercetools-uikit/data-table 15.2.3 → 15.3.0

package/dist/commercetools-uikit-data-table.cjs.prod.js

@@ -52,8 +52,8 @@ var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 var getPaddingStyle = function getPaddingStyle(props) {
-  if (props.isCondensed) return /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingS, ";" + ("" ), "" );
-  return /*#__PURE__*/react.css("padding:", designSystem.customProperties.spacingM, ";" + ("" ), "" );
+  if (props.isCondensed) return /*#__PURE__*/react.css("padding:", designSystem.designTokens.spacingS, ";" + ("" ), "" );
+  return /*#__PURE__*/react.css("padding:", designSystem.designTokens.spacingM, ";" + ("" ), "" );
 };
 
 var _ref8 = {
@@ -164,8 +164,8 @@ var _ref2 = {
 
 var BaseCell = /*#__PURE__*/_styled__default["default"]("td", {
   target: "e10u1n7e2"
-} )("position:relative;display:flex;background-color:", designSystem.customProperties.colorSurface, ";border-bottom:", function (props) {
-  return props.shouldRenderBottomBorder ? "1px solid ".concat(designSystem.customProperties.colorNeutral90, ";") : 'none';
+} )("position:relative;display:flex;background-color:", designSystem.designTokens.colorSurface, ";border-bottom:", function (props) {
+  return props.shouldRenderBottomBorder ? "1px solid ".concat(designSystem.designTokens.colorNeutral90, ";") : 'none';
 }, ";", function (props) {
   return props.shouldClipContent ? _ref2 : '';
 }, " ", function (props) {
@@ -178,7 +178,7 @@ var BaseCell = /*#__PURE__*/_styled__default["default"]("td", {
   return props.disableFooterStickiness ? 'relative' : 'sticky';
 }, ";left:0;bottom:0;grid-column:1/", function (props) {
   return props.numberOfColumns;
-}, ";background-color:", designSystem.customProperties.colorSurface, ";border-bottom:1px solid ", designSystem.customProperties.colorNeutral90, ";border-top:1px solid ", designSystem.customProperties.colorNeutral90, ";margin-top:-1px;" + ("" ));
+}, ";background-color:", designSystem.designTokens.colorSurface, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";border-top:1px solid ", designSystem.designTokens.colorNeutral90, ";margin-top:-1px;" + ("" ));
 
 var RowExpandCollapseButton = /*#__PURE__*/_styled__default["default"](AccessibleButton__default["default"], {
   target: "e10u1n7e0"
@@ -194,7 +194,7 @@ var convertNumericDimensionToPixelValue$1 = convertNumericDimensionToPixelValue;
 
 var getClickableRowStyle = function getClickableRowStyle(props) {
   if (props.isRowClickable) {
-    return /*#__PURE__*/react.css("cursor:pointer;&:hover td{background:", designSystem.customProperties.backgroundColorForInputWhenHovered, ";}" + ("" ), "" );
+    return /*#__PURE__*/react.css("cursor:pointer;&:hover td{background:", designSystem.designTokens.backgroundColorForInputWhenHovered, ";}" + ("" ), "" );
   }
 
   return '';
@@ -259,7 +259,7 @@ var defaultProps$4 = {
 
 var Footer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e2ce7vj0"
-} )("box-sizing:border-box;display:block;", getPaddingStyle, " ", getHorizontalAlignmentStyle, " background-color:", designSystem.customProperties.colorSurface, ";border-top:1px solid ", designSystem.customProperties.colorNeutral90, ";border-bottom:1px solid ", designSystem.customProperties.colorNeutral90, ";", function (props) {
+} )("box-sizing:border-box;display:block;", getPaddingStyle, " ", getHorizontalAlignmentStyle, " background-color:", designSystem.designTokens.colorSurface, ";border-top:1px solid ", designSystem.designTokens.colorNeutral90, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";", function (props) {
   return props.resizedTotalWidth ? "max-width: ".concat(props.resizedTotalWidth, "px;") : '';
 }, ";" + ("" ));
 
@@ -268,7 +268,7 @@ Footer.defaultProps = defaultProps$4;
 var Footer$1 = Footer;
 
 var getButtonStyle = function getButtonStyle() {
-  return /*#__PURE__*/react.css("cursor:pointer;border:none;background:none;text-decoration:none;color:inherit;font:inherit;font-size:", designSystem.customProperties.fontSizeDefault, ";font-family:inherit;" + ("" ), "" );
+  return /*#__PURE__*/react.css("cursor:pointer;border:none;background:none;text-decoration:none;color:inherit;font:inherit;font-size:", designSystem.designTokens.fontSizeDefault, ";font-family:inherit;" + ("" ), "" );
 };
 /* A sortable header has the two arrow svg icons
  * GIVEN column is sortable and is not focused
@@ -282,13 +282,13 @@ var getButtonStyle = function getButtonStyle() {
 
 
 var getSortableHeaderStyles = function getSortableHeaderStyles(props) {
-  return /*#__PURE__*/react.css("width:100%;display:flex;align-items:center;svg[data-icon-state='inactive'],svg[data-icon-state='active']{margin-left:", designSystem.customProperties.spacingS, ";flex-shrink:0;}svg[data-icon-state='inactive']{display:", props.isActive ? 'none' : 'inline-block', ";}svg[data-icon-state='active']{display:", props.isActive ? 'inline-block' : 'none', ";}:hover,:focus{svg[data-icon-state='inactive']{display:none;}svg[data-icon-state='active']{display:inline-block;*{fill:", designSystem.customProperties.colorNeutral, ";}}}" + ("" ), "" );
+  return /*#__PURE__*/react.css("width:100%;display:flex;align-items:center;svg[data-icon-state='inactive'],svg[data-icon-state='active']{margin-left:", designSystem.designTokens.spacingS, ";flex-shrink:0;}svg[data-icon-state='inactive']{display:", props.isActive ? 'none' : 'inline-block', ";}svg[data-icon-state='active']{display:", props.isActive ? 'inline-block' : 'none', ";}:hover,:focus{svg[data-icon-state='inactive']{display:none;}svg[data-icon-state='active']{display:inline-block;*{fill:", designSystem.designTokens.colorNeutral, ";}}}" + ("" ), "" );
 };
 
 var HeaderCellInner = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1ipt8n23"
 } )("box-sizing:border-box;display:flex;justify-content:space-between;padding:0 ", function (props) {
-  return props.isCondensed ? designSystem.customProperties.spacingS : designSystem.customProperties.spacingM;
+  return props.isCondensed ? designSystem.designTokens.spacingS : designSystem.designTokens.spacingM;
 }, ";", getCellInnerStyles, " ", function (props) {
   return props.isSortable ? getSortableHeaderStyles(props) : '';
 }, ";", function (props) {
@@ -299,23 +299,23 @@ var HeaderCellInner = /*#__PURE__*/_styled__default["default"]("div", {
 
 var BaseHeaderCell = /*#__PURE__*/_styled__default["default"]("th", {
   target: "e1ipt8n22"
-} )("color:", designSystem.customProperties.colorSurface, ";background-color:", designSystem.customProperties.colorAccent, ";position:", function (props) {
+} )("color:", designSystem.designTokens.colorSurface, ";background-color:", designSystem.designTokens.colorAccent, ";position:", function (props) {
   return props.disableHeaderStickiness ? 'relative' : 'sticky';
-}, ";top:0;z-index:1;padding:0;font-weight:normal;box-shadow:inset -1px 0 ", designSystem.customProperties.colorNeutral90, ";:hover,:active{z-index:2;}", HeaderCellInner, "{", function (props) {
+}, ";top:0;z-index:1;padding:0;font-weight:normal;box-shadow:inset -1px 0 ", designSystem.designTokens.colorNeutral90, ";:hover,:active{z-index:2;}", HeaderCellInner, "{", function (props) {
   return props.shouldClipContent ? 'overflow: hidden;' : '';
 }, ";}" + ("" ));
 
 var HeaderLabelWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1ipt8n21"
-} )("min-height:1.4em;margin:", designSystem.customProperties.spacingS, " 0;flex:1;" + ("" ));
+} )("min-height:1.4em;margin:", designSystem.designTokens.spacingS, " 0;flex:1;" + ("" ));
 
 var HeaderIconWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1ipt8n20"
-} )("display:inline-flex;align-items:center;justify-content:center;margin-left:", designSystem.customProperties.spacingS, ";padding:0 ", designSystem.customProperties.spacingXs, ";" + ("" ));
+} )("display:inline-flex;align-items:center;justify-content:center;margin-left:", designSystem.designTokens.spacingS, ";padding:0 ", designSystem.designTokens.spacingXs, ";" + ("" ));
 
 var ResizerIndicator = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1ccic7f1"
-} )("height:100%;width:3px;background:", designSystem.customProperties.colorInfo, ";visibility:hidden;cursor:col-resize;", function (props // extra 1px of height to appear above the bottom horizontal row border
+} )("height:100%;width:3px;background:", designSystem.designTokens.colorInfo, ";visibility:hidden;cursor:col-resize;", function (props // extra 1px of height to appear above the bottom horizontal row border
 ) {
   return props.isOnDataCell ? 'visibility: visible; height: calc(100% + 1px);' : '';
 }, ";" + ("" ));
@@ -912,7 +912,7 @@ DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.2.3";
+var version = "15.3.0";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,