@citygross/components 0.7.243 → 0.7.244

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 (7) hide show
  1. package/build/@types/components/AlertBox/AlertBox.d.ts +2 -1
  2. package/build/@types/components/AlertBox/AlertBox.styles.d.ts +1 -0
  3. package/build/cjs/components/src/components/AlertBox/AlertBox.js +2 -2
  4. package/build/cjs/components/src/components/AlertBox/AlertBox.styles.js +1 -1
  5. package/build/es/components/src/components/AlertBox/AlertBox.js +2 -2
  6. package/build/es/components/src/components/AlertBox/AlertBox.styles.js +1 -1
  7. package/package.json +2 -2
package/build/@types/components/AlertBox/AlertBox.d.ts CHANGED
@@ -8,5 +8,6 @@ export declare type TAlertBox = {
8
8
  withArrow?: boolean;
9
9
  arrowPlacement?: 'left' | 'right';
10
10
  arrowSpacing?: number;
11
+ padding?: number;
11
12
  };
12
- export declare function AlertBox({ background, borderColor, icon, iconMinWidth, withArrow, arrowSpacing, arrowPlacement, children }: TAlertBox): JSX.Element;
13
+ export declare function AlertBox({ background, borderColor, icon, iconMinWidth, withArrow, arrowSpacing, arrowPlacement, padding, children }: TAlertBox): JSX.Element;
package/build/@types/components/AlertBox/AlertBox.styles.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  declare type TBaseAlertBox = {
2
2
  background?: string;
3
3
  borderColor?: string;
4
+ padding: number;
4
5
  };
5
6
  declare type TAlertBoxIcon = {
6
7
  minWidth?: number;
package/build/cjs/components/src/components/AlertBox/AlertBox.js CHANGED
@@ -13,10 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
14
  function AlertBox(_a) {
15
15
  var _b, _c;
16
- var _d = _a.background, background = _d === void 0 ? (_b = index.theme.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = index.theme.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, children = _a.children;
16
+ var _d = _a.background, background = _d === void 0 ? (_b = index.theme.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = index.theme.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, _g = _a.padding, padding = _g === void 0 ? 16 : _g, children = _a.children;
17
17
  return (React__default["default"].createElement("div", null,
18
18
  withArrow && (React__default["default"].createElement(BoxArrow, { arrowPlacement: arrowPlacement, arrowSpacing: arrowSpacing, background: background })),
19
- React__default["default"].createElement(AlertBox_styles.AlertBox, { background: background, borderColor: borderColor },
19
+ React__default["default"].createElement(AlertBox_styles.AlertBox, { background: background, borderColor: borderColor, padding: padding },
20
20
  icon && (React__default["default"].createElement(AlertBox_styles.IconContainer, { minWidth: iconMinWidth }, icon)),
21
21
  children)));
22
22
  }
package/build/cjs/components/src/components/AlertBox/AlertBox.styles.js CHANGED
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- var AlertBox = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth, "px solid ").concat(props.borderColor); }, function (props) { var _a, _b; return "".concat((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall, "px 0 0 ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall, "px"); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
12
+ var AlertBox = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth, "px solid ").concat(props.borderColor); }, function (props) { var _a, _b; return "".concat((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall, "px 0 0 ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall, "px"); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) { return props.padding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
13
13
  var IconContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n min-width: ", "px;\n display: flex;\n align-items: center;\n"], ["\n min-width: ", "px;\n display: flex;\n align-items: center;\n"])), function (props) { var _a; return props.minWidth || ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md); });
14
14
  var templateObject_1, templateObject_2;
15
15
 
package/build/es/components/src/components/AlertBox/AlertBox.js CHANGED
@@ -5,10 +5,10 @@ import { AlertBox as AlertBox$1, IconContainer } from './AlertBox.styles.js';
5
5
 
6
6
  function AlertBox(_a) {
7
7
  var _b, _c;
8
- var _d = _a.background, background = _d === void 0 ? (_b = theme_1.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = theme_1.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, children = _a.children;
8
+ var _d = _a.background, background = _d === void 0 ? (_b = theme_1.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = theme_1.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, _g = _a.padding, padding = _g === void 0 ? 16 : _g, children = _a.children;
9
9
  return (React.createElement("div", null,
10
10
  withArrow && (React.createElement(BoxArrow, { arrowPlacement: arrowPlacement, arrowSpacing: arrowSpacing, background: background })),
11
- React.createElement(AlertBox$1, { background: background, borderColor: borderColor },
11
+ React.createElement(AlertBox$1, { background: background, borderColor: borderColor, padding: padding },
12
12
  icon && (React.createElement(IconContainer, { minWidth: iconMinWidth }, icon)),
13
13
  children)));
14
14
  }
package/build/es/components/src/components/AlertBox/AlertBox.styles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled from 'styled-components';
3
3
 
4
- var AlertBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth, "px solid ").concat(props.borderColor); }, function (props) { var _a, _b; return "".concat((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall, "px 0 0 ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall, "px"); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
4
+ var AlertBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n padding: ", "px;\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth, "px solid ").concat(props.borderColor); }, function (props) { var _a, _b; return "".concat((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall, "px 0 0 ").concat((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall, "px"); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) { return props.padding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
5
5
  var IconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: ", "px;\n display: flex;\n align-items: center;\n"], ["\n min-width: ", "px;\n display: flex;\n align-items: center;\n"])), function (props) { var _a; return props.minWidth || ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md); });
6
6
  var templateObject_1, templateObject_2;
7
7
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.7.243",
3
+ "version": "0.7.244",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "b79512646cf49743ce781fe5a23e89b815f92725"
79
+ "gitHead": "bac332b51d09d126b4102331b78af3665b146748"
80
80
  }