krl-alfred 1.77.32 → 1.77.34

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 (6) hide show
  1. package/dist/components/CategoryMenu/CategoryMenu.js +1 -1
  2. package/dist/components/Icon/Icon.js +2 -2
  3. package/dist/components/Icon/Icon.styled.js +3 -5
  4. package/dist/components/Icon/props.js +2 -1
  5. package/dist/components/Icon/stories/Icons.stories.js +4 -2
  6. package/package.json +1 -1
package/dist/components/CategoryMenu/CategoryMenu.js CHANGED
@@ -38,7 +38,7 @@ var CategoryMenu = function (_a) {
38
38
  };
39
39
  var MenuButton = function (_a) {
40
40
  var item = __rest(_a, []);
41
- return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
41
+ return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon, hasColorChanged: item.icon !== "Lgbt" }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
42
42
  };
43
43
  return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryMenuWrapper, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
44
44
  return ((0, jsx_runtime_1.jsx)(MenuButton, __assign({}, item, { children: item.children.length > 0 && ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, { children: (0, jsx_runtime_1.jsx)(OptionMenu_1.default, { hasActiveItem: false, data: item.children, rowLength: item.subMenuRowLength || subMenuRowLength }) })) }), item.id));
package/dist/components/Icon/Icon.js CHANGED
@@ -27,7 +27,7 @@ var props_1 = require("./props");
27
27
  var index_1 = require("./index");
28
28
  var Icon_styled_1 = require("./Icon.styled");
29
29
  var Icon = function (_a) {
30
- var _b = _a.hasWrapper, hasWrapper = _b === void 0 ? props_1.IconDefault.hasWrapper : _b, _c = _a.color, color = _c === void 0 ? props_1.IconDefault.color : _c, _d = _a.name, name = _d === void 0 ? props_1.IconDefault.name : _d, _e = _a.linear, linear = _e === void 0 ? props_1.IconDefault.linear : _e, width = _a.width, height = _a.height, strokeWidth = _a.strokeWidth, other = __rest(_a, ["hasWrapper", "color", "name", "linear", "width", "height", "strokeWidth"]);
31
- return hasWrapper ? ((0, jsx_runtime_1.jsx)(Icon_styled_1.IconWrapper, __assign({ "$linear": linear, "$width": width, "$height": height, "$strokeWidth": strokeWidth, "$color": color }, { children: index_1.iconList[name]({}) || (0, jsx_runtime_1.jsx)("div", {}) }))) : (index_1.iconList[name]({ width: width, height: height, color: color }) || (0, jsx_runtime_1.jsx)("div", {}));
30
+ var _b = _a.hasWrapper, hasWrapper = _b === void 0 ? props_1.IconDefault.hasWrapper : _b, _c = _a.color, color = _c === void 0 ? props_1.IconDefault.color : _c, _d = _a.name, name = _d === void 0 ? props_1.IconDefault.name : _d, _e = _a.linear, linear = _e === void 0 ? props_1.IconDefault.linear : _e, _f = _a.hasColorChanged, hasColorChanged = _f === void 0 ? props_1.IconDefault.hasColorChanged : _f, width = _a.width, height = _a.height, strokeWidth = _a.strokeWidth, other = __rest(_a, ["hasWrapper", "color", "name", "linear", "hasColorChanged", "width", "height", "strokeWidth"]);
31
+ return hasWrapper ? ((0, jsx_runtime_1.jsx)(Icon_styled_1.IconWrapper, __assign({ "$linear": linear, "$width": width, "$height": height, "$strokeWidth": strokeWidth, "$color": color, "$hasColorChanged": hasColorChanged }, { children: index_1.iconList[name]({}) || (0, jsx_runtime_1.jsx)("div", {}) }))) : (index_1.iconList[name]({ width: width, height: height, color: color }) || (0, jsx_runtime_1.jsx)("div", {}));
32
32
  };
33
33
  exports.default = Icon;
package/dist/components/Icon/Icon.styled.js CHANGED
@@ -10,9 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.IconWrapper = exports.IconStyled = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  exports.IconStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ) ;\n gap: 50px 20px;\n .item{\n text-align: center;\n .title{\n display: block;\n margin-top: 10px;\n font:var(--body-regular-14-17);\n }\n }\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ) ;\n gap: 50px 20px;\n .item{\n text-align: center;\n .title{\n display: block;\n margin-top: 10px;\n font:var(--body-regular-14-17);\n }\n }\n"])));
13
- exports.IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-block;\n vertical-align: middle;\n svg{\n display: block;\n width: ", ";\n height: ", ";\n path,circle,rect{\n color: ", ";\n &[stroke-width]{\n stroke-width: ", ";\n }\n }\n stop{\n ", "\n }\n }\n"], ["\n display: inline-block;\n vertical-align: middle;\n svg{\n display: block;\n width: ", ";\n height: ", ";\n path,circle,rect{\n color: ", ";\n &[stroke-width]{\n stroke-width: ", ";\n }\n }\n stop{\n ", "\n }\n }\n"])), function (props) { return props.$width; }, function (props) { return props.$height; }, function (props) { return props.$color; }, function (props) { return props.$strokeWidth; }, function (props) {
14
- return props.$linear.map(function (value, key) {
15
- return "\n &:nth-child(".concat(key + 1, "){\n stop-color: ").concat(value, ";\n }\n ");
16
- });
17
- });
13
+ exports.IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-block;\n vertical-align: middle;\n svg{\n display: block;\n width: ", ";\n height: ", ";\n ", "\n }\n"], ["\n display: inline-block;\n vertical-align: middle;\n svg{\n display: block;\n width: ", ";\n height: ", ";\n ", "\n }\n"])), function (props) { return props.$width; }, function (props) { return props.$height; }, function (props) { return props.$hasColorChanged ? "\n path,circle,rect{\n color: ".concat(props.$color, ";\n &[stroke-width]{\n stroke-width: ").concat(props.$strokeWidth, ";\n }\n }\n stop{\n ").concat(props.$linear.map(function (value, key) {
14
+ return "\n &:nth-child(".concat(key + 1, "){\n stop-color: ").concat(value, ";\n }\n ");
15
+ }), "}\n }\n ") : ""; });
18
16
  var templateObject_1, templateObject_2;
package/dist/components/Icon/props.js CHANGED
@@ -6,5 +6,6 @@ exports.iconNames = Object.keys(index_1.iconList);
6
6
  exports.IconDefault = {
7
7
  name: "Again",
8
8
  hasWrapper: true,
9
- linear: ["var(--linear-to)", "var(--linear)"]
9
+ linear: ["var(--linear-to)", "var(--linear)"],
10
+ hasColorChanged: true
10
11
  };
package/dist/components/Icon/stories/Icons.stories.js CHANGED
@@ -20,9 +20,9 @@ var index_1 = require("../index");
20
20
  var Icon_styled_1 = require("../Icon.styled");
21
21
  var Icon_1 = __importDefault(require("../Icon"));
22
22
  var IconStoryList = function (props) {
23
- var color = props.color, strokeWidth = props.strokeWidth, width = props.width, height = props.height;
23
+ var color = props.color, strokeWidth = props.strokeWidth, width = props.width, height = props.height, hasColorChanged = props.hasColorChanged;
24
24
  return ((0, jsx_runtime_1.jsx)(Icon_styled_1.IconStyled, { children: Object.entries(index_1.iconList).map(function (value, key) {
25
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'item' }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "svg" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: value[0], color: color, strokeWidth: strokeWidth, width: width, height: height }) })), (0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: value[0] }))] }), key));
25
+ return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'item' }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "svg" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: value[0], color: color, strokeWidth: strokeWidth, width: width, height: height, hasColorChanged: hasColorChanged }) })), (0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: value[0] }))] }), key));
26
26
  }) }));
27
27
  };
28
28
  exports.default = {
@@ -36,6 +36,8 @@ exports.default = {
36
36
  strokeWidth: '1.5px',
37
37
  width: '24px',
38
38
  height: '24px',
39
+ hasColorChanged: true,
40
+ hasWrapper: true
39
41
  },
40
42
  };
41
43
  exports.Icons = {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "krl-alfred",
3
- "version": "1.77.32",
3
+ "version": "1.77.34",
4
4
  "files": [
5
5
  "dist"
6
6
  ],