trepur_components 0.3.13 → 0.3.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/CarouselV2/index.js +14 -6
  2. package/dist/components/Column/index.js +62 -13
  3. package/dist/components/Container/index.js +57 -0
  4. package/dist/components/FooterBar/index.js +62 -0
  5. package/dist/components/Nav/index.js +5 -7
  6. package/dist/components/TextAndTitle/index.js +17 -17
  7. package/dist/index.js +16 -0
  8. package/package.json +1 -1
package/dist/components/CarouselV2/index.js CHANGED
@@ -17,6 +17,10 @@ var _react2 = require("keen-slider/react");
17
17
 
18
18
  require("./index.css");
19
19
 
20
+ var _classnames = _interopRequireDefault(require("classnames"));
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
+
20
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
25
 
22
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -156,19 +160,23 @@ const CarouselV2 = _ref => {
156
160
  };
157
161
 
158
162
  function Arrow(props) {
159
- var _props$arrows, _props$arrows2, _props$arrows3;
160
-
161
- const disabeld = props.disabled ? " arrow--disabled ".concat(props === null || props === void 0 ? void 0 : (_props$arrows = props.arrows) === null || _props$arrows === void 0 ? void 0 : _props$arrows.disabledColours) : "";
163
+ var _props$arrows, _props$arrows2, _props$arrows3, _props$arrows4;
164
+
165
+ const arrowClasses = (0, _classnames.default)({
166
+ 'arrow--left left-1.5': props.left,
167
+ 'arrow--right left-auto right-1.5': !props.left,
168
+ [props === null || props === void 0 ? void 0 : (_props$arrows = props.arrows) === null || _props$arrows === void 0 ? void 0 : _props$arrows.colours]: (props === null || props === void 0 ? void 0 : (_props$arrows2 = props.arrows) === null || _props$arrows2 === void 0 ? void 0 : _props$arrows2.colours) && !props.disabled,
169
+ [props === null || props === void 0 ? void 0 : (_props$arrows3 = props.arrows) === null || _props$arrows3 === void 0 ? void 0 : _props$arrows3.disabledColours]: (props === null || props === void 0 ? void 0 : (_props$arrows4 = props.arrows) === null || _props$arrows4 === void 0 ? void 0 : _props$arrows4.disabledColours) && props.disabled,
170
+ 'arrow--disabled': props.disabled
171
+ }, 'arrow w-12 translate-y-2/4 h-12 absolute cursor-pointer top-1/2');
162
172
  return /*#__PURE__*/_react.default.createElement("svg", {
163
173
  onClick: props === null || props === void 0 ? void 0 : props.onClick,
164
- className: "arrow w-12 translate-y-2/4 h-12 absolute cursor-pointer top-1/2 ".concat(props.left ? "arrow--left left-1.5" : "arrow--right left-auto right-1.5", " ").concat(disabeld),
174
+ className: "".concat(arrowClasses),
165
175
  xmlns: "http://www.w3.org/2000/svg",
166
176
  viewBox: "0 0 24 24"
167
177
  }, (props === null || props === void 0 ? void 0 : props.left) && /*#__PURE__*/_react.default.createElement("path", {
168
- className: "".concat(props === null || props === void 0 ? void 0 : (_props$arrows2 = props.arrows) === null || _props$arrows2 === void 0 ? void 0 : _props$arrows2.colours),
169
178
  d: "M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"
170
179
  }), !(props !== null && props !== void 0 && props.left) && /*#__PURE__*/_react.default.createElement("path", {
171
- className: "".concat(props === null || props === void 0 ? void 0 : (_props$arrows3 = props.arrows) === null || _props$arrows3 === void 0 ? void 0 : _props$arrows3.colours),
172
180
  d: "M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"
173
181
  }));
174
182
  }
package/dist/components/Column/index.js CHANGED
@@ -54,27 +54,76 @@ const Column = _ref => {
54
54
  9: 'w-9/12',
55
55
  10: 'w-10/12',
56
56
  11: 'w-11/12',
57
- 12: 'w-12/12'
57
+ 12: 'w-full'
58
+ };
59
+ const mdWidthOptions = {
60
+ 1: 'md:w-1/12',
61
+ 2: 'md:w-2/12',
62
+ 3: 'md:w-3/12',
63
+ 4: 'md:w-4/12',
64
+ 5: 'md:w-5/12',
65
+ 6: 'md:w-6/12',
66
+ 7: 'md:w-7/12',
67
+ 8: 'md:w-8/12',
68
+ 9: 'md:w-9/12',
69
+ 10: 'md:w-10/12',
70
+ 11: 'md:w-11/12',
71
+ 12: 'md:w-full'
72
+ };
73
+ const lgWidthOptions = {
74
+ 1: 'lg:w-1/12',
75
+ 2: 'lg:w-2/12',
76
+ 3: 'lg:w-3/12',
77
+ 4: 'lg:w-4/12',
78
+ 5: 'lg:w-5/12',
79
+ 6: 'lg:w-6/12',
80
+ 7: 'lg:w-7/12',
81
+ 8: 'lg:w-8/12',
82
+ 9: 'lg:w-9/12',
83
+ 10: 'lg:w-10/12',
84
+ 11: 'lg:w-11/12',
85
+ 12: 'lg:w-full'
86
+ };
87
+ const xlWidthOptions = {
88
+ 1: 'xl:w-1/12',
89
+ 2: 'xl:w-2/12',
90
+ 3: 'xl:w-3/12',
91
+ 4: 'xl:w-4/12',
92
+ 5: 'xl:w-5/12',
93
+ 6: 'xl:w-6/12',
94
+ 7: 'xl:w-7/12',
95
+ 8: 'xl:w-8/12',
96
+ 9: 'xl:w-9/12',
97
+ 10: 'xl:w-10/12',
98
+ 11: 'xl:w-11/12',
99
+ 12: 'xl:w-full'
58
100
  };
59
101
 
60
- const calculateWidth = size => {
61
- let width;
102
+ const calculateWidth = (screen, size) => {
103
+ switch (screen) {
104
+ case 'sm':
105
+ return widthOptions[size];
62
106
 
63
- if (size === 12) {
64
- width = 'w-full';
65
- } else {
66
- width = widthOptions[size];
67
- }
107
+ case 'md':
108
+ return mdWidthOptions[size];
68
109
 
69
- return width;
110
+ case 'lg':
111
+ return lgWidthOptions[size];
112
+
113
+ case 'xl':
114
+ return xlWidthOptions[size];
115
+
116
+ default:
117
+ return widthOptions[size];
118
+ }
70
119
  };
71
120
 
72
121
  const classList = (0, _classnames.default)({
73
122
  [columnProps === null || columnProps === void 0 ? void 0 : columnProps.classes]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.classes,
74
- ["".concat(calculateWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.sm))]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.sm,
75
- ["md:".concat(calculateWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.md))]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.md,
76
- ["lg:".concat(calculateWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.lg))]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.lg,
77
- ["xl:".concat(calculateWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.xl))]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.xl
123
+ [calculateWidth('sm', columnProps === null || columnProps === void 0 ? void 0 : columnProps.sm)]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.sm,
124
+ [calculateWidth('md', columnProps === null || columnProps === void 0 ? void 0 : columnProps.md)]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.md,
125
+ [calculateWidth('lg', columnProps === null || columnProps === void 0 ? void 0 : columnProps.lg)]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.lg,
126
+ [calculateWidth('xl', columnProps === null || columnProps === void 0 ? void 0 : columnProps.xl)]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.xl
78
127
  }, 'h-full');
79
128
  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (columnProps === null || columnProps === void 0 ? void 0 : columnProps.id) && {
80
129
  id: columnProps === null || columnProps === void 0 ? void 0 : columnProps.id
package/dist/components/Container/index.js ADDED
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.containerProps = void 0;
7
+
8
+ require("core-js/modules/es.object.assign.js");
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _propTypes = _interopRequireDefault(require("prop-types"));
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ require("../index.css");
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
+
20
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
+
22
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
+
24
+ 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; }
25
+
26
+ 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); }
27
+
28
+ const containerProps = {
29
+ id: _propTypes.default.string,
30
+ classes: _propTypes.default.string
31
+ };
32
+ exports.containerProps = containerProps;
33
+
34
+ const Container = _ref => {
35
+ let {
36
+ containerProps,
37
+ children
38
+ } = _ref;
39
+ const classList = (0, _classnames.default)({
40
+ [containerProps.classes]: containerProps === null || containerProps === void 0 ? void 0 : containerProps.classes
41
+ }, 'mx-auto');
42
+ return /*#__PURE__*/_react.default.createElement("div", _extends({
43
+ style: {
44
+ 'max-width': containerProps.maxWidth
45
+ }
46
+ }, (containerProps === null || containerProps === void 0 ? void 0 : containerProps.id) && {
47
+ id: containerProps === null || containerProps === void 0 ? void 0 : containerProps.id
48
+ }, {
49
+ className: classList
50
+ }), children);
51
+ };
52
+
53
+ Container.propTypes = {
54
+ containerProps: _propTypes.default.shape(_objectSpread({}, containerProps))
55
+ };
56
+ var _default = Container;
57
+ exports.default = _default;
package/dist/components/FooterBar/index.js ADDED
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+
3
+ require("core-js/modules/web.dom-collections.iterator.js");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _Icon = _interopRequireDefault(require("../Icon"));
13
+
14
+ var _Column = _interopRequireDefault(require("../Column"));
15
+
16
+ var _classnames = _interopRequireDefault(require("classnames"));
17
+
18
+ require("../index.css");
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
+
24
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+
26
+ const Nav = _ref => {
27
+ let {
28
+ id,
29
+ classes,
30
+ items,
31
+ barHeight,
32
+ bgColor
33
+ } = _ref;
34
+ const footerBarHeight = barHeight ? barHeight : 'h-full';
35
+ const classList = (0, _classnames.default)({
36
+ [classes]: classes,
37
+ [bgColor]: bgColor,
38
+ 'bg-white': !bgColor
39
+ }, footerBarHeight, 'flex flex-wrap items-center');
40
+ return /*#__PURE__*/_react.default.createElement("div", {
41
+ id: id,
42
+ className: classList
43
+ }, items && items.map((item, i) => {
44
+ const columnClassList = (0, _classnames.default)({
45
+ [item === null || item === void 0 ? void 0 : item.columnClasses]: item === null || item === void 0 ? void 0 : item.columnClasses
46
+ }, 'text-center md:text-left');
47
+ return /*#__PURE__*/_react.default.createElement(_Column.default, {
48
+ key: "row_item_1.".concat(i),
49
+ columnProps: {
50
+ classes: columnClassList,
51
+ sm: item.smColumnWidth,
52
+ md: item.mdColumnWidth,
53
+ lg: item.lgColumnWidth,
54
+ xl: item.xlColumnWidth
55
+ },
56
+ children: item.component
57
+ });
58
+ }));
59
+ };
60
+
61
+ var _default = Nav;
62
+ exports.default = _default;
package/dist/components/Nav/index.js CHANGED
@@ -52,12 +52,10 @@ const Nav = _ref => {
52
52
  borderBottom,
53
53
  borderBottomColor,
54
54
  closeMobileIconProps,
55
- rowHeight,
56
- showDesktopNavOnScreenSize
55
+ rowHeight
57
56
  } = _ref;
58
57
  const [showSideNav, setShowSideNav] = (0, _react.useState)(false);
59
58
  const [showDropdownNav, setShowDropdownNav] = (0, _react.useState)(false);
60
- const size = showDesktopNavOnScreenSize ? "".concat(showDesktopNavOnScreenSize, ":") : 'sm:';
61
59
  const navRowHeight = rowHeight ? rowHeight : 'h-16';
62
60
  const firstRowClassList = (0, _classnames.default)({
63
61
  [firstRowClasses]: firstRowClasses
@@ -83,14 +81,14 @@ const Nav = _ref => {
83
81
  'bg-white': !mobileBgColor,
84
82
  'w-0': !showSideNav,
85
83
  ["w-".concat(sideBarWidth)]: showSideNav
86
- }, "z-50 shadow-inner shaddow-lg ".concat(size, "hidden pt-20 \n fixed top-0 left-0 z-1 overflow-hidden h-full\n duration-700"));
84
+ }, "z-50 shadow-inner shaddow-lg md:hidden pt-20 \n fixed top-0 left-0 z-1 overflow-hidden h-full\n duration-700");
87
85
  const dropdownNavClasses = (0, _classnames.default)({
88
86
  [mobileBgColor]: mobileBgColor,
89
87
  [bgColor]: !mobileBgColor && bgColor,
90
88
  'bg-white': !mobileBgColor && !bgColor,
91
89
  'h-0': !showDropdownNav,
92
90
  ["h-".concat(dropdownNavHeight)]: showDropdownNav
93
- }, "z-50 ".concat(size, "hidden duration-500 overflow-hidden"));
91
+ }, "z-50 md:hidden duration-500 overflow-hidden");
94
92
  const logoImageClassList = (0, _classnames.default)({
95
93
  [mobileLogoBannerClasses]: mobileLogoBannerClasses
96
94
  }, 'h-16 w-auto');
@@ -98,7 +96,7 @@ const Nav = _ref => {
98
96
  'fixed w-full z-50 top-0 mt-0': fixedTop,
99
97
  'border-b': borderBottom,
100
98
  [mobileClasses]: mobileClasses
101
- }, "flex items-center ".concat(size, "hidden py-2"));
99
+ }, "flex items-center md:hidden py-2");
102
100
  const colors = (0, _classnames.default)({
103
101
  [bgColor]: bgColor,
104
102
  'bg-blue': !bgColor,
@@ -108,7 +106,7 @@ const Nav = _ref => {
108
106
  const desktopClassList = (0, _classnames.default)({
109
107
  'fixed w-full z-50 top-0 mt-0': fixedTop,
110
108
  'border-b': borderBottom
111
- }, "hidden ".concat(size, "block items-center justify-between sm:items-stretch text-center"));
109
+ }, "hidden md:block items-center justify-between sm:items-stretch text-center");
112
110
  return /*#__PURE__*/_react.default.createElement("nav", {
113
111
  id: id,
114
112
  className: classes
package/dist/components/TextAndTitle/index.js CHANGED
@@ -66,7 +66,7 @@ const textAndTitleProps = {
66
66
  exports.textAndTitleProps = textAndTitleProps;
67
67
 
68
68
  const TextAndTitle = _ref => {
69
- var _textAndTitleProps$sa, _textAndTitleProps$sa2, _textAndTitleProps$sa3, _textAndTitleProps$sa4, _textAndTitleProps$sa5, _textAndTitleProps$sa6, _textAndTitleProps$ca, _textAndTitleProps$ca2, _textAndTitleProps$ca3, _textAndTitleProps$ca4, _textAndTitleProps$ca5, _textAndTitleProps$ca6;
69
+ var _textAndTitleProps$sa, _textAndTitleProps$sa2, _textAndTitleProps$sa3, _textAndTitleProps$sa4, _textAndTitleProps$sa5, _textAndTitleProps$sa6, _textAndTitleProps$sa7, _textAndTitleProps$sa8, _textAndTitleProps$ca, _textAndTitleProps$ca2, _textAndTitleProps$ca3, _textAndTitleProps$ca4, _textAndTitleProps$ca5, _textAndTitleProps$ca6, _textAndTitleProps$ca7, _textAndTitleProps$ca8;
70
70
 
71
71
  let {
72
72
  textAndTitleProps
@@ -203,27 +203,27 @@ const TextAndTitle = _ref => {
203
203
  }
204
204
  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
205
205
  buttonProps: {
206
- classes: textAndTitleProps.saveButtonProps.classes,
207
- text: textAndTitleProps.saveButtonProps.text,
206
+ classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa === void 0 ? void 0 : _textAndTitleProps$sa.classes,
207
+ text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa2 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa2 === void 0 ? void 0 : _textAndTitleProps$sa2.text,
208
208
  onClick: handleButtonSave,
209
- bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa === void 0 ? void 0 : _textAndTitleProps$sa.bgColor,
210
- borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa2 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa2 === void 0 ? void 0 : _textAndTitleProps$sa2.borderColor,
211
- textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa3 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa3 === void 0 ? void 0 : _textAndTitleProps$sa3.textColor,
212
- hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa4 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa4 === void 0 ? void 0 : _textAndTitleProps$sa4.hoverTextColor,
213
- hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa5 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa5 === void 0 ? void 0 : _textAndTitleProps$sa5.hoverBorderColor,
214
- hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa6 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa6 === void 0 ? void 0 : _textAndTitleProps$sa6.hoverBgColor
209
+ bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa3 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa3 === void 0 ? void 0 : _textAndTitleProps$sa3.bgColor,
210
+ borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa4 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa4 === void 0 ? void 0 : _textAndTitleProps$sa4.borderColor,
211
+ textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa5 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa5 === void 0 ? void 0 : _textAndTitleProps$sa5.textColor,
212
+ hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa6 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa6 === void 0 ? void 0 : _textAndTitleProps$sa6.hoverTextColor,
213
+ hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa7 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa7 === void 0 ? void 0 : _textAndTitleProps$sa7.hoverBorderColor,
214
+ hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa8 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa8 === void 0 ? void 0 : _textAndTitleProps$sa8.hoverBgColor
215
215
  }
216
216
  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
217
217
  buttonProps: {
218
- classes: textAndTitleProps.cancelButtonProps.classes,
219
- text: textAndTitleProps.cancelButtonProps.text,
218
+ classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca === void 0 ? void 0 : _textAndTitleProps$ca.classes,
219
+ text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca2 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca2 === void 0 ? void 0 : _textAndTitleProps$ca2.text,
220
220
  onClick: handleButtonCancel,
221
- bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca === void 0 ? void 0 : _textAndTitleProps$ca.bgColor,
222
- borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca2 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca2 === void 0 ? void 0 : _textAndTitleProps$ca2.borderColor,
223
- textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca3 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca3 === void 0 ? void 0 : _textAndTitleProps$ca3.textColor,
224
- hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca4 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca4 === void 0 ? void 0 : _textAndTitleProps$ca4.hoverTextColor,
225
- hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca5 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca5 === void 0 ? void 0 : _textAndTitleProps$ca5.hoverBorderColor,
226
- hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca6 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca6 === void 0 ? void 0 : _textAndTitleProps$ca6.hoverBgColor
221
+ bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca3 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca3 === void 0 ? void 0 : _textAndTitleProps$ca3.bgColor,
222
+ borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca4 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca4 === void 0 ? void 0 : _textAndTitleProps$ca4.borderColor,
223
+ textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca5 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca5 === void 0 ? void 0 : _textAndTitleProps$ca5.textColor,
224
+ hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca6 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca6 === void 0 ? void 0 : _textAndTitleProps$ca6.hoverTextColor,
225
+ hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca7 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca7 === void 0 ? void 0 : _textAndTitleProps$ca7.hoverBorderColor,
226
+ hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca8 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca8 === void 0 ? void 0 : _textAndTitleProps$ca8.hoverBgColor
227
227
  }
228
228
  })) : /*#__PURE__*/_react.default.createElement("div", {
229
229
  onClick: toggleEditState
package/dist/index.js CHANGED
@@ -81,6 +81,18 @@ Object.defineProperty(exports, "Column", {
81
81
  return _Column.default;
82
82
  }
83
83
  });
84
+ Object.defineProperty(exports, "Container", {
85
+ enumerable: true,
86
+ get: function get() {
87
+ return _Container.default;
88
+ }
89
+ });
90
+ Object.defineProperty(exports, "FooterBar", {
91
+ enumerable: true,
92
+ get: function get() {
93
+ return _FooterBar.default;
94
+ }
95
+ });
84
96
  Object.defineProperty(exports, "Form", {
85
97
  enumerable: true,
86
98
  get: function get() {
@@ -252,8 +264,12 @@ var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
252
264
 
253
265
  var _Column = _interopRequireDefault(require("./components/Column"));
254
266
 
267
+ var _Container = _interopRequireDefault(require("./components/Container"));
268
+
255
269
  var _Form = _interopRequireDefault(require("./components/Form"));
256
270
 
271
+ var _FooterBar = _interopRequireDefault(require("./components/FooterBar"));
272
+
257
273
  var _FyreCard = _interopRequireDefault(require("./components/FyreCard"));
258
274
 
259
275
  var _Icon = _interopRequireDefault(require("./components/Icon"));
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "trepur_components",
3
3
  "description": "component lib",
4
4
  "author": "trepur_ttenneb",
5
- "version": "0.3.13",
5
+ "version": "0.3.16",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",