@citygross/components 0.8.154 → 0.8.156

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/cjs/components/src/components/AlertBox/AlertBox.js +6 -6
  2. package/build/cjs/components/src/components/AlertBox/AlertBox.styles.js +9 -1
  3. package/build/cjs/components/src/components/AlertBox/AlertBox.styles.js.map +1 -1
  4. package/build/es/components/src/components/AlertBox/AlertBox.js +6 -6
  5. package/build/es/components/src/components/AlertBox/AlertBox.styles.js +9 -1
  6. package/build/es/components/src/components/AlertBox/AlertBox.styles.js.map +1 -1
  7. package/package.json +3 -3
package/build/cjs/components/src/components/AlertBox/AlertBox.js CHANGED
@@ -21,14 +21,14 @@ exports.EAlertBoxVariant = void 0;
21
21
  EAlertBoxVariant["warning"] = "warning";
22
22
  })(exports.EAlertBoxVariant || (exports.EAlertBoxVariant = {}));
23
23
  function AlertBox(_a) {
24
- var _b, _c;
25
- var customElement = _a.customElement, headLine = _a.headLine, text = _a.text, _d = _a.variant, variant = _d === void 0 ? exports.EAlertBoxVariant.info : _d, props = _tslib.__rest(_a, ["customElement", "headLine", "text", "variant"]);
26
- var _e = alertBox.getAlertBoxAttributes(variant), backgroundColor = _e.backgroundColor, borderColor = _e.borderColor, iconColor = _e.iconColor;
24
+ var _b, _c, _d, _e;
25
+ var customElement = _a.customElement, headLine = _a.headLine, text = _a.text, _f = _a.variant, variant = _f === void 0 ? exports.EAlertBoxVariant.info : _f, props = _tslib.__rest(_a, ["customElement", "headLine", "text", "variant"]);
26
+ var _g = alertBox.getAlertBoxAttributes(variant), backgroundColor = _g.backgroundColor, borderColor = _g.borderColor, iconColor = _g.iconColor;
27
27
  return (React__default["default"].createElement(AlertBox_styles.AlertBox, _tslib.__assign({ backgroundColor: backgroundColor, borderColor: borderColor }, props),
28
- React__default["default"].createElement(icons.Icons.Info, { color: iconColor, height: 16, width: 16 }),
28
+ React__default["default"].createElement(icons.Icons.Info, { color: iconColor, height: (_b = designTokens.theme.spacings) === null || _b === void 0 ? void 0 : _b.sm, width: (_c = designTokens.theme.spacings) === null || _c === void 0 ? void 0 : _c.sm }),
29
29
  React__default["default"].createElement(AlertBox_styles.AlertBoxContent, null,
30
- headLine && (React__default["default"].createElement(typography.BodyText, { color: (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.darkest, fontWeight: "medium" }, headLine)),
31
- text && React__default["default"].createElement(typography.BodyText, { color: (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.darkest }, text),
30
+ headLine && (React__default["default"].createElement(typography.BodyText, { color: (_d = designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.darkest, fontWeight: "medium" }, headLine)),
31
+ text && React__default["default"].createElement(typography.BodyText, { color: (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.darkest }, text),
32
32
  customElement && customElement)));
33
33
  }
34
34
 
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 display: flex;\n gap: ", "px;\n padding: ", "px;\n\n svg {\n margin-top: ", "px;\n }\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n display: flex;\n gap: ", "px;\n padding: ", "px;\n\n svg {\n margin-top: ", "px;\n }\n"])), function (_a) {
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 display: flex;\n gap: ", "px;\n padding: ", "px;\n\n svg {\n flex-shrink: 0;\n height: ", "px;\n width: ", "px;\n margin-top: ", "px;\n }\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n display: flex;\n gap: ", "px;\n padding: ", "px;\n\n svg {\n flex-shrink: 0;\n height: ", "px;\n width: ", "px;\n margin-top: ", "px;\n }\n"])), function (_a) {
13
13
  var backgroundColor = _a.backgroundColor;
14
14
  return backgroundColor;
15
15
  }, function (_a) {
@@ -28,6 +28,14 @@ var AlertBox = styled__default["default"].div(templateObject_1 || (templateObjec
28
28
  var _b;
29
29
  var theme = _a.theme;
30
30
  return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
31
+ }, function (_a) {
32
+ var _b;
33
+ var theme = _a.theme;
34
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
35
+ }, function (_a) {
36
+ var _b;
37
+ var theme = _a.theme;
38
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
31
39
  }, function (_a) {
32
40
  var _b;
33
41
  var theme = _a.theme;
package/build/cjs/components/src/components/AlertBox/AlertBox.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AlertBox.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"AlertBox.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/AlertBox/AlertBox.js CHANGED
@@ -13,14 +13,14 @@ var EAlertBoxVariant;
13
13
  EAlertBoxVariant["warning"] = "warning";
14
14
  })(EAlertBoxVariant || (EAlertBoxVariant = {}));
15
15
  function AlertBox(_a) {
16
- var _b, _c;
17
- var customElement = _a.customElement, headLine = _a.headLine, text = _a.text, _d = _a.variant, variant = _d === void 0 ? EAlertBoxVariant.info : _d, props = __rest(_a, ["customElement", "headLine", "text", "variant"]);
18
- var _e = getAlertBoxAttributes(variant), backgroundColor = _e.backgroundColor, borderColor = _e.borderColor, iconColor = _e.iconColor;
16
+ var _b, _c, _d, _e;
17
+ var customElement = _a.customElement, headLine = _a.headLine, text = _a.text, _f = _a.variant, variant = _f === void 0 ? EAlertBoxVariant.info : _f, props = __rest(_a, ["customElement", "headLine", "text", "variant"]);
18
+ var _g = getAlertBoxAttributes(variant), backgroundColor = _g.backgroundColor, borderColor = _g.borderColor, iconColor = _g.iconColor;
19
19
  return (React.createElement(AlertBox$1, __assign({ backgroundColor: backgroundColor, borderColor: borderColor }, props),
20
- React.createElement(Icons.Info, { color: iconColor, height: 16, width: 16 }),
20
+ React.createElement(Icons.Info, { color: iconColor, height: (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm, width: (_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.sm }),
21
21
  React.createElement(AlertBoxContent, null,
22
- headLine && (React.createElement(BodyText, { color: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest, fontWeight: "medium" }, headLine)),
23
- text && React.createElement(BodyText, { color: (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.darkest }, text),
22
+ headLine && (React.createElement(BodyText, { color: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.darkest, fontWeight: "medium" }, headLine)),
23
+ text && React.createElement(BodyText, { color: (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.darkest }, text),
24
24
  customElement && customElement)));
25
25
  }
26
26
 
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 display: flex;\n gap: ", "px;\n padding: ", "px;\n\n svg {\n margin-top: ", "px;\n }\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n display: flex;\n gap: ", "px;\n padding: ", "px;\n\n svg {\n margin-top: ", "px;\n }\n"])), function (_a) {
4
+ var AlertBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n display: flex;\n gap: ", "px;\n padding: ", "px;\n\n svg {\n flex-shrink: 0;\n height: ", "px;\n width: ", "px;\n margin-top: ", "px;\n }\n"], ["\n background: ", ";\n border-left: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n display: flex;\n gap: ", "px;\n padding: ", "px;\n\n svg {\n flex-shrink: 0;\n height: ", "px;\n width: ", "px;\n margin-top: ", "px;\n }\n"])), function (_a) {
5
5
  var backgroundColor = _a.backgroundColor;
6
6
  return backgroundColor;
7
7
  }, function (_a) {
@@ -20,6 +20,14 @@ var AlertBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplate
20
20
  var _b;
21
21
  var theme = _a.theme;
22
22
  return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
23
+ }, function (_a) {
24
+ var _b;
25
+ var theme = _a.theme;
26
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
27
+ }, function (_a) {
28
+ var _b;
29
+ var theme = _a.theme;
30
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
23
31
  }, function (_a) {
24
32
  var _b;
25
33
  var theme = _a.theme;
package/build/es/components/src/components/AlertBox/AlertBox.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AlertBox.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"AlertBox.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.154",
3
+ "version": "0.8.156",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -64,7 +64,7 @@
64
64
  },
65
65
  "dependencies": {
66
66
  "@citygross/design-tokens": "^0.2.78",
67
- "@citygross/icons": "^0.1.13",
67
+ "@citygross/icons": "^0.1.14",
68
68
  "@citygross/react-use-bg-wizard": "^0.0.8",
69
69
  "@citygross/typography": "^0.0.111",
70
70
  "@citygross/utils": "^0.0.43",
@@ -74,5 +74,5 @@
74
74
  "react-slick": "^0.30.1",
75
75
  "slick-carousel": "^1.8.1"
76
76
  },
77
- "gitHead": "7dece2008e3030329121941ae7982b9c063883d7"
77
+ "gitHead": "5926cf533930d03d684e0268237b25641946be1c"
78
78
  }