tabler-react-2 0.1.6 → 0.1.8

package/dist/card/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Card = void 0;
-require("../tabler.module.css");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));

package/dist/index.js

@@ -17,7 +17,6 @@ Object.defineProperty(exports, "Card", {
   }
 });
 exports.Util = exports.Typography = exports.Form = void 0;
-require("./tabler.module.css");
 var _Typography = _interopRequireWildcard(require("./typography/index"));
 exports.Typography = _Typography;
 var _index2 = require("./card/index");

package/dist/input/dropdown.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DropdownInput = void 0;
-require("../tabler.module.css");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _input = require("./input");

package/dist/input/input.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Input = void 0;
-require("../tabler.module.css");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _spinner = require("../spinner");

package/dist/input/selectgroup.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SelectGroup = void 0;
-require("../tabler.module.css");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/input/switch.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Switch = void 0;
-require("../tabler.module.css");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));

package/dist/util/flex.js

@@ -9,23 +9,41 @@ require("../helper.css");
 var _react = _interopRequireDefault(require("react"));
 var _index = require("./index");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _excluded = ["children", "className", "wrap", "gap"],
-  _excluded2 = ["children", "className", "gap"];
+var _excluded = ["children", "className", "wrap", "gap", "align"],
+  _excluded2 = ["children", "className", "gap", "align"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var switchAlign = function switchAlign(align) {
+  switch (align) {
+    case "center":
+      return "center";
+    case "left":
+      return "flex-start";
+    case "right":
+      return "flex-end";
+    case "between":
+      return "space-between";
+    case "around":
+      return "space-around";
+    default:
+      return "flex-start";
+  }
+};
 var Row = exports.Row = function Row(_ref) {
   var children = _ref.children,
     className = _ref.className,
     wrap = _ref.wrap,
     gap = _ref.gap,
+    align = _ref.align,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", _extends({}, props, {
     className: (0, _classnames["default"])("tbl__helper__row", className),
     style: {
       gap: (0, _index.m)(gap) || 0,
-      flexWrap: wrap && "wrap"
+      flexWrap: wrap && "wrap",
+      justifyContent: switchAlign(align)
     }
   }), children);
 };
@@ -33,11 +51,13 @@ var Col = exports.Col = function Col(_ref2) {
   var children = _ref2.children,
     className = _ref2.className,
     gap = _ref2.gap,
+    align = _ref2.align,
     props = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/_react["default"].createElement("div", _extends({}, props, {
     className: (0, _classnames["default"])("tbl__helper__col", className),
     style: {
-      gap: (0, _index.m)(gap) || 0
+      gap: (0, _index.m)(gap) || 0,
+      justifyContent: switchAlign(align)
     }
   }), children);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabler-react-2",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "A react implementation of Tabler ui",
   "main": "dist/index.js",
   "scripts": {