@decisiv/ui-components 2.0.1-alpha.131 → 2.0.1-alpha.134

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/modifiers/spacingSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacingSchema.d.ts","sourceRoot":"","sources":["../../src/modifiers/spacingSchema.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,0BAA0B,cA2CrC,CAAC"}
+{"version":3,"file":"spacingSchema.d.ts","sourceRoot":"","sources":["../../src/modifiers/spacingSchema.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,0BAA0B,cA2CrC,CAAC"}

package/lib/modifiers/spacingSchema.js

@@ -7,24 +7,37 @@ exports.makeSpacingSchemaPropTypes = void 0;
 
 var _reactDesc = require("react-desc");
 
-// @ts-ignore no module typings
-// eslint-disable-next-line import/prefer-default-export
+var _breakpointObserver = require("@decisiv/breakpoint-observer");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
+var numberOrDynamicModifierProp = _reactDesc.PropTypes.oneOfType([_reactDesc.PropTypes.number, _reactDesc.PropTypes.shape(_defineProperty({}, _reactDesc.PropTypes.oneOf(['_'].concat(_toConsumableArray(Object.keys(_breakpointObserver.sizes)))), _reactDesc.PropTypes.number))]); // eslint-disable-next-line import/prefer-default-export
+
+
 var makeSpacingSchemaPropTypes = function makeSpacingSchemaPropTypes() {
   return {
-    margin: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on all axis margin.'),
-    marginBottom: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the bottom margin.'),
-    marginLeft: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the left margin.'),
-    marginRight: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the right margin.'),
-    marginTop: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the top margin.'),
-    marginX: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the X axis margin.'),
-    marginY: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the Y axis margin.'),
-    padding: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on all axis padding.'),
-    paddingBottom: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the bottom padding.'),
-    paddingLeft: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the left padding.'),
-    paddingRight: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the right padding.'),
-    paddingTop: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the top padding.'),
-    paddingX: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the X axis padding.'),
-    paddingY: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the Y axis padding.')
+    margin: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on all axis margin.'),
+    marginBottom: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the bottom margin.'),
+    marginLeft: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the left margin.'),
+    marginRight: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the right margin.'),
+    marginTop: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the top margin.'),
+    marginX: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the X axis margin.'),
+    marginY: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the Y axis margin.'),
+    padding: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on all axis padding.'),
+    paddingBottom: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the bottom padding.'),
+    paddingLeft: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the left padding.'),
+    paddingRight: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the right padding.'),
+    paddingTop: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the top padding.'),
+    paddingX: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the X axis padding.'),
+    paddingY: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the Y axis padding.')
   };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.131+033b029",
+  "version": "2.0.1-alpha.134+343e17d",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "033b029f71a409106e36a8f7ffadf3c7483e11c2"
+  "gitHead": "343e17ded2175a3faa775215dcc186dbbe32f500"
 }