@proprioo/salatim 18.2.2 → 18.6.0
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.
- package/CHANGELOG.md +16 -0
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/ui/src/burger/Burger.d.ts +1 -0
- package/lib/ui/src/burger/Burger.js +2 -2
- package/lib/ui/src/burger/Burger.js.map +1 -1
- package/lib/ui/src/burger/Burger.stories.js +46 -5
- package/lib/ui/src/burger/Burger.stories.js.map +1 -1
- package/lib/ui/src/burger/Burger.styles.d.ts +2 -6
- package/lib/ui/src/burger/Burger.styles.js +9 -4
- package/lib/ui/src/burger/Burger.styles.js.map +1 -1
- package/lib/ui/src/button/Button.interfaces.d.ts +1 -0
- package/lib/ui/src/button/Button.interfaces.js +1 -0
- package/lib/ui/src/button/Button.interfaces.js.map +1 -1
- package/lib/ui/src/button/Button.styles.js +40 -37
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.styles.js +3 -3
- package/lib/ui/src/emailInput/EmailInput.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +13 -30
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.stories.js +3 -2
- package/lib/ui/src/tag/Tag.stories.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.d.ts +5 -1
- package/lib/ui/src/tag/Tag.styles.js +28 -18
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.test.js +25 -7
- package/lib/ui/src/tag/Tag.test.js.map +1 -1
- package/lib/ui/src/tag/TagColors.d.ts +6 -0
- package/lib/ui/src/tag/TagColors.js +6 -0
- package/lib/ui/src/tag/TagColors.js.map +1 -1
- package/lib/ui/src/tag/interfaces.d.ts +3 -1
- package/lib/ui/src/tag/interfaces.js +1 -0
- package/lib/ui/src/tag/interfaces.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,10 +4,14 @@ interface TagBaseProps {
|
|
|
4
4
|
icon?: boolean;
|
|
5
5
|
}
|
|
6
6
|
export declare const TagBase: import("styled-components").FlattenSimpleInterpolation;
|
|
7
|
+
export declare const TAG_BUSINESS_BASE: import("styled-components").FlattenSimpleInterpolation;
|
|
7
8
|
export declare const BasicTag: import("styled-components").StyledComponent<"span", any, Pick<TagProps, "appearance" | "color" | "isOutlined"> & TagBaseProps, never>;
|
|
8
9
|
export declare const TagCloser: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
+
export declare const TagLayout: import("styled-components").StyledComponent<"div", any, {
|
|
11
|
+
hasMultipleTags: boolean;
|
|
12
|
+
}, never>;
|
|
9
13
|
export declare const TagElement: import("styled-components").StyledComponent<"li", any, {}, never>;
|
|
10
|
-
export declare const List: import("styled-components").StyledComponent<"ul", any, Pick<TagProps, "color">, never>;
|
|
14
|
+
export declare const List: import("styled-components").StyledComponent<"ul", any, Pick<TagProps, "appearance" | "color">, never>;
|
|
11
15
|
export declare const TagList: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
16
|
export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
13
17
|
export {};
|
|
@@ -23,38 +23,48 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.IconWrapper = exports.TagList = exports.List = exports.TagElement = exports.TagCloser = exports.BasicTag = exports.TagBase = void 0;
|
|
26
|
+
exports.IconWrapper = exports.TagList = exports.List = exports.TagElement = exports.TagLayout = exports.TagCloser = exports.BasicTag = exports.TAG_BUSINESS_BASE = exports.TagBase = void 0;
|
|
27
27
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
28
28
|
var utils_1 = require("../../../utils");
|
|
29
29
|
var interfaces_1 = require("./interfaces");
|
|
30
30
|
var TagColors_1 = require("./TagColors");
|
|
31
31
|
exports.TagBase = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: ", ";\n font-size: ", ";\n line-height: ", ";\n min-width: ", ";\n padding: ", " ", ";\n"], ["\n ", ";\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: ", ";\n font-size: ", ";\n line-height: ", ";\n min-width: ", ";\n padding: ", " ", ";\n"])), utils_1.ArchivoFont, utils_1.radius.biggest, utils_1.fonts.small, utils_1.convertPxToRem(16), utils_1.convertPxToRem(24), utils_1.convertPxToRem(4), utils_1.convertPxToRem(16));
|
|
32
|
-
exports.
|
|
32
|
+
exports.TAG_BUSINESS_BASE = styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n border-radius: ", ";\n padding: ", ";\n text-transform: uppercase;\n font-weight: bold;\n"], ["\n font-size: ", ";\n border-radius: ", ";\n padding: ", ";\n text-transform: uppercase;\n font-weight: bold;\n"])), utils_1.fonts.smallest, utils_1.convertPxToRem(3), utils_1.convertPxToRem(4));
|
|
33
|
+
exports.BasicTag = styled_components_1.default.span(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", ";\n\n ", "}\n\n \n\n ", "\n \n ", "\n"], ["\n ", ";\n\n ",
|
|
33
34
|
"}\n\n \n\n ",
|
|
34
35
|
"\n \n ",
|
|
35
|
-
"\n
|
|
36
|
+
"\n"])), exports.TagBase, function (_a) {
|
|
36
37
|
var appearance = _a.appearance, color = _a.color, isOutlined = _a.isOutlined;
|
|
37
38
|
return appearance === interfaces_1.TagAppearance.BUSINESS
|
|
38
|
-
? styled_components_1.css(
|
|
39
|
-
"}\n "])),
|
|
39
|
+
? styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n \n ", "}\n "], ["\n ", ";\n \n ",
|
|
40
|
+
"}\n "])), exports.TAG_BUSINESS_BASE, color &&
|
|
40
41
|
(isOutlined
|
|
41
|
-
? styled_components_1.css(
|
|
42
|
+
? styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n border: 1px solid ", ";\n background: white;\n "], ["\n color: ", ";\n border: 1px solid ", ";\n background: white;\n "])), TagColors_1.TagColors[color].colorOutlined, TagColors_1.TagColors[color].backgroundOutlined) : styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n "], ["\n color: ", ";\n background: ", ";\n "])), TagColors_1.TagColors[color].color, TagColors_1.TagColors[color].background))) : color &&
|
|
42
43
|
(isOutlined
|
|
43
|
-
? styled_components_1.css(
|
|
44
|
+
? styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n "], ["\n color: ", ";\n background: ", ";\n "])), TagColors_1.TagColors[color].colorOutlined, TagColors_1.TagColors[color].backgroundOutlined) : styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n "], ["\n color: ", ";\n background: ", ";\n "])), TagColors_1.TagColors[color].color, TagColors_1.TagColors[color].background));
|
|
44
45
|
}, function (_a) {
|
|
45
46
|
var icon = _a.icon;
|
|
46
|
-
return icon && styled_components_1.css(
|
|
47
|
+
return icon && styled_components_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding-left: ", ";\n "], ["\n padding-left: ", ";\n "])), utils_1.convertPxToRem(8));
|
|
47
48
|
}, function (_a) {
|
|
48
49
|
var close = _a.close;
|
|
49
|
-
return close && styled_components_1.css(
|
|
50
|
-
}, utils_1.convertPxToRem(4));
|
|
51
|
-
exports.TagCloser = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n margin-left: ", ";\n cursor: pointer;\n\n &:hover {\n opacity: 0.9;\n }\n\n &:active {\n opacity: 0.6;\n }\n\n &:active,\n &:focus {\n outline: unset;\n }\n"], ["\n width: ", ";\n height: ", ";\n margin-left: ", ";\n cursor: pointer;\n\n &:hover {\n opacity: 0.9;\n }\n\n &:active {\n opacity: 0.6;\n }\n\n &:active,\n &:focus {\n outline: unset;\n }\n"])), utils_1.convertPxToRem(16), utils_1.convertPxToRem(16), utils_1.convertPxToRem(8));
|
|
52
|
-
exports.TagElement = styled_components_1.default.li(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n white-space: nowrap;\n font-size: ", ";\n line-height: ", ";\n"], ["\n white-space: nowrap;\n font-size: ", ";\n line-height: ", ";\n"])), utils_1.fonts.small, utils_1.convertPxToRem(16));
|
|
53
|
-
exports.List = styled_components_1.default.ul(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n position: absolute;\n display: none;\n box-shadow: ", ";\n border-radius: ", ";\n list-style-type: none;\n padding: ", " ", ";\n bottom: 0;\n left: ", ";\n margin: 0;\n\n ", ";\n"], ["\n position: absolute;\n display: none;\n box-shadow: ", ";\n border-radius: ", ";\n list-style-type: none;\n padding: ", " ", ";\n bottom: 0;\n left: ", ";\n margin: 0;\n\n ",
|
|
54
|
-
";\n"])), utils_1.shadows.level2, utils_1.radius.normal, utils_1.convertPxToRem(8), utils_1.convertPxToRem(12), utils_1.convertPxToRem(4), function (props) {
|
|
55
|
-
return props.color && styled_components_1.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n "], ["\n color: ", ";\n background: ", ";\n "])), TagColors_1.TagColors[props.color].color, TagColors_1.TagColors[props.color].background);
|
|
50
|
+
return close && styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding-right: ", ";\n "], ["\n padding-right: ", ";\n "])), utils_1.convertPxToRem(8));
|
|
56
51
|
});
|
|
57
|
-
exports.
|
|
58
|
-
exports.
|
|
59
|
-
|
|
52
|
+
exports.TagCloser = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n margin-left: ", ";\n cursor: pointer;\n\n &:hover {\n opacity: 0.9;\n }\n\n &:active {\n opacity: 0.6;\n }\n\n &:active,\n &:focus {\n outline: unset;\n }\n"], ["\n width: ", ";\n height: ", ";\n margin-left: ", ";\n cursor: pointer;\n\n &:hover {\n opacity: 0.9;\n }\n\n &:active {\n opacity: 0.6;\n }\n\n &:active,\n &:focus {\n outline: unset;\n }\n"])), utils_1.convertPxToRem(16), utils_1.convertPxToRem(16), utils_1.convertPxToRem(8));
|
|
53
|
+
exports.TagLayout = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ",
|
|
54
|
+
"\n"])), function (_a) {
|
|
55
|
+
var hasMultipleTags = _a.hasMultipleTags;
|
|
56
|
+
return hasMultipleTags && styled_components_1.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n\n ", " {\n margin: 0 ", " ", " 0;\n }\n "], ["\n display: flex;\n flex-wrap: wrap;\n\n ", " {\n margin: 0 ", " ", " 0;\n }\n "])), exports.BasicTag, utils_1.convertPxToRem(4), utils_1.convertPxToRem(4));
|
|
57
|
+
});
|
|
58
|
+
exports.TagElement = styled_components_1.default.li(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n white-space: nowrap;\n line-height: ", ";\n"], ["\n white-space: nowrap;\n line-height: ", ";\n"])), utils_1.convertPxToRem(16));
|
|
59
|
+
exports.List = styled_components_1.default.ul(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: none;\n position: absolute;\n bottom: ", ";\n left: 0;\n margin: 0;\n padding: ", " ", ";\n border-radius: ", ";\n box-shadow: ", ";\n font-size: ", ";\n list-style-type: none;\n\n ", ";\n\n ", ";\n"], ["\n display: none;\n position: absolute;\n bottom: ", ";\n left: 0;\n margin: 0;\n padding: ", " ", ";\n border-radius: ", ";\n box-shadow: ", ";\n font-size: ", ";\n list-style-type: none;\n\n ",
|
|
60
|
+
";\n\n ",
|
|
61
|
+
";\n"])), utils_1.convertPxToRem(4), utils_1.convertPxToRem(8), utils_1.convertPxToRem(12), utils_1.radius.normal, utils_1.shadows.level2, utils_1.fonts.small, function (_a) {
|
|
62
|
+
var appearance = _a.appearance;
|
|
63
|
+
return appearance === interfaces_1.TagAppearance.BUSINESS && exports.TAG_BUSINESS_BASE;
|
|
64
|
+
}, function (props) {
|
|
65
|
+
return props.color && styled_components_1.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n color: ", ";\n background: ", ";\n "], ["\n color: ", ";\n background: ", ";\n "])), TagColors_1.TagColors[props.color].color, TagColors_1.TagColors[props.color].background);
|
|
66
|
+
});
|
|
67
|
+
exports.TagList = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n\n &:hover ", " {\n display: block;\n }\n"], ["\n position: relative;\n display: inline-block;\n\n &:hover ", " {\n display: block;\n }\n"])), exports.List);
|
|
68
|
+
exports.IconWrapper = styled_components_1.default.span(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n margin-right: ", ";\n\n svg {\n width: 100%;\n height: 100%;\n }\n\n path {\n fill: currentColor;\n }\n"], ["\n width: ", ";\n height: ", ";\n margin-right: ", ";\n\n svg {\n width: 100%;\n height: 100%;\n }\n\n path {\n fill: currentColor;\n }\n"])), utils_1.convertPxToRem(16), utils_1.convertPxToRem(16), utils_1.convertPxToRem(8));
|
|
69
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
|
|
60
70
|
//# sourceMappingURL=Tag.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAMwB;AACxB,2CAAuD;AACvD,yCAAwC;AAO3B,QAAA,OAAO,GAAG,uBAAG,0QAAA,MACtB,EAAW,mGAII,EAAc,kBAClB,EAAW,oBACT,EAAkB,kBACpB,EAAkB,gBACpB,EAAiB,GAAI,EAAkB,KACnD,KATG,mBAAW,EAII,cAAM,CAAC,OAAO,EAClB,aAAK,CAAC,KAAK,EACT,sBAAc,CAAC,EAAE,CAAC,EACpB,sBAAc,CAAC,EAAE,CAAC,EACpB,sBAAc,CAAC,CAAC,CAAC,EAAI,sBAAc,CAAC,EAAE,CAAC,EAClD;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -100,15 +100,33 @@ describe('Tag component', function () {
|
|
|
100
100
|
react_2.render(react_1.default.createElement(Tag_1.default, __assign({}, defaultProps)));
|
|
101
101
|
expect(react_2.screen.getByTestId('basic-tag')).toBeInTheDocument();
|
|
102
102
|
});
|
|
103
|
-
it('should render component with
|
|
104
|
-
react_2.render(react_1.default.createElement(Tag_1.default, __assign({}, defaultProps, { labels: ['tag 1', 'tag 2', 'tag 3'] })));
|
|
105
|
-
expect(react_2.screen.getByTestId('list-tag')).toBeInTheDocument();
|
|
106
|
-
expect(react_2.screen.getByTestId('basic-tag')).toBeInTheDocument();
|
|
107
|
-
expect(react_2.screen.getAllByTestId('tag-element')).toHaveLength(2);
|
|
108
|
-
});
|
|
109
|
-
it('should render component with others', function () {
|
|
103
|
+
it('should render component with icon', function () {
|
|
110
104
|
react_2.render(react_1.default.createElement(Tag_1.default, __assign({}, defaultProps, { icon: react_1.default.createElement(react_1.Fragment, null) })));
|
|
111
105
|
expect(react_2.screen.getByTestId('tag-icon')).toBeInTheDocument();
|
|
112
106
|
});
|
|
107
|
+
describe('List of tags', function () {
|
|
108
|
+
it('should render all tags - default behavior', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
109
|
+
return __generator(this, function (_a) {
|
|
110
|
+
react_2.render(react_1.default.createElement(Tag_1.default, __assign({}, defaultProps, { labels: ['tag 1', 'tag 2', 'tag 3'] })));
|
|
111
|
+
expect(react_2.screen.queryByTestId('list-tag')).not.toBeInTheDocument();
|
|
112
|
+
expect(react_2.screen.queryAllByTestId('tag-element')).toHaveLength(0);
|
|
113
|
+
expect(react_2.screen.queryAllByTestId('basic-tag')).toHaveLength(3);
|
|
114
|
+
return [2 /*return*/];
|
|
115
|
+
});
|
|
116
|
+
}); });
|
|
117
|
+
it('should render some tags', function () {
|
|
118
|
+
react_2.render(react_1.default.createElement(Tag_1.default, __assign({}, defaultProps, { labels: ['tag 1', 'tag 2', 'tag 3'], numberOfTags: 2 })));
|
|
119
|
+
expect(react_2.screen.queryAllByTestId('basic-tag')).toHaveLength(3);
|
|
120
|
+
expect(react_2.screen.getByTestId('list-tag')).toBeInTheDocument();
|
|
121
|
+
expect(react_2.screen.getByText('+ 1')).toBeInTheDocument();
|
|
122
|
+
expect(react_2.screen.queryAllByTestId('tag-element')).toHaveLength(1);
|
|
123
|
+
});
|
|
124
|
+
it('should not render anything', function () {
|
|
125
|
+
react_2.render(react_1.default.createElement(Tag_1.default, __assign({}, defaultProps, { labels: [], numberOfTags: 2 })));
|
|
126
|
+
expect(react_2.screen.queryByTestId('basic-tag')).not.toBeInTheDocument();
|
|
127
|
+
expect(react_2.screen.queryByTestId('list-tag')).not.toBeInTheDocument();
|
|
128
|
+
expect(react_2.screen.queryByTestId('tag-element')).not.toBeInTheDocument();
|
|
129
|
+
});
|
|
130
|
+
});
|
|
113
131
|
});
|
|
114
132
|
//# sourceMappingURL=Tag.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,gDAAiE;AACjE,2EAAoD;AAEpD,2CAAwD;AACxD,8CAAwB;AAExB,IAAM,YAAY,GAAa;IAC7B,MAAM,EAAE,CAAC,KAAK,CAAC;IACf,KAAK,EAAE,2BAAc,CAAC,MAAM;CAC7B,CAAC;AAEF,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE9B,QAAQ,CAAC,eAAe,EAAE;IACxB,SAAS,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IACtC,QAAQ,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IAErC,EAAE,CAAC,8BAA8B,EAAE;;;;oBACjC,cAAM,CAAC,8BAAC,aAAG,eAAK,YAAY,IAAE,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC;oBAExD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;oBAC7D,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC;oBAClD,qBAAM,eAAO,CAAC,cAAM,OAAA,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,EAAtC,CAAsC,CAAC,EAAA;;oBAA3D,SAA2D,CAAC;;;;SAC7D,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,aAAG,eAAK,YAAY,EAAI,CAAC,CAAC;QAElC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,12 @@ export declare const TagColors: {
|
|
|
11
11
|
colorOutlined: string;
|
|
12
12
|
backgroundOutlined: string;
|
|
13
13
|
};
|
|
14
|
+
DARK_GREY: {
|
|
15
|
+
color: string;
|
|
16
|
+
background: string;
|
|
17
|
+
colorOutlined: string;
|
|
18
|
+
backgroundOutlined: string;
|
|
19
|
+
};
|
|
14
20
|
GREEN: {
|
|
15
21
|
color: string;
|
|
16
22
|
background: string;
|
|
@@ -15,6 +15,12 @@ exports.TagColors = {
|
|
|
15
15
|
colorOutlined: utils_1.colors.dark.base,
|
|
16
16
|
backgroundOutlined: utils_1.colors.dark.base40
|
|
17
17
|
},
|
|
18
|
+
DARK_GREY: {
|
|
19
|
+
color: 'white',
|
|
20
|
+
background: utils_1.colors.dark.base80,
|
|
21
|
+
colorOutlined: utils_1.colors.dark.base,
|
|
22
|
+
backgroundOutlined: utils_1.colors.dark.base40
|
|
23
|
+
},
|
|
18
24
|
GREEN: {
|
|
19
25
|
color: 'white',
|
|
20
26
|
background: utils_1.colors.green.base,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/TagColors.ts"],"names":[],"mappings":";;;AAAA,wCAAwC;AAE3B,QAAA,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC5B,aAAa,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QAChC,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QAC7B,aAAa,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QAChC,kBAAkB,EAAE,cAAM,CAAC,KAAK,CAAC,MAAM;KACxC;IACD,WAAW,EAAE;QACX,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;QACpC,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;KAC7C;IACD,aAAa,EAAE;QACb,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;QACpC,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;KAC7C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QACzB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QACjC,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,MAAM,CAAC,IAAI;QAC9B,aAAa,EAAE,cAAM,CAAC,MAAM,CAAC,IAAI;QACjC,kBAAkB,EAAE,cAAM,CAAC,MAAM,CAAC,MAAM;KACzC;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,MAAM,CAAC,MAAM;QAChC,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,MAAM,CAAC,MAAM;KACzC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,GAAG,EAAE;QACH,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;QAC3B,aAAa,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;QAC9B,kBAAkB,EAAE,cAAM,CAAC,GAAG,CAAC,MAAM;KACtC;IACD,KAAK,EAAE;QACL,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,OAAO;QACnB,aAAa,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QAChC,kBAAkB,EAAE,OAAO;KAC5B;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"TagColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/TagColors.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,10 @@ export interface TagProps {
|
|
|
3
3
|
labels: string[];
|
|
4
4
|
appearance?: TagAppearance;
|
|
5
5
|
color?: TagColorsTypes;
|
|
6
|
+
dataTest?: string;
|
|
6
7
|
icon?: ReactElement<Element>;
|
|
7
8
|
isOutlined?: boolean;
|
|
8
|
-
|
|
9
|
+
numberOfTags?: number;
|
|
9
10
|
onClose?(): void;
|
|
10
11
|
}
|
|
11
12
|
export declare enum TagAppearance {
|
|
@@ -15,6 +16,7 @@ export declare enum TagAppearance {
|
|
|
15
16
|
export declare enum TagColorsTypes {
|
|
16
17
|
BLUE = "BLUE",
|
|
17
18
|
DARK = "DARK",
|
|
19
|
+
DARK_GREY = "DARK_GREY",
|
|
18
20
|
GREEN = "GREEN",
|
|
19
21
|
GREEN_LIGHT = "GREEN_LIGHT",
|
|
20
22
|
GREEN_LIGHTER = "GREEN_LIGHTER",
|
|
@@ -10,6 +10,7 @@ var TagColorsTypes;
|
|
|
10
10
|
(function (TagColorsTypes) {
|
|
11
11
|
TagColorsTypes["BLUE"] = "BLUE";
|
|
12
12
|
TagColorsTypes["DARK"] = "DARK";
|
|
13
|
+
TagColorsTypes["DARK_GREY"] = "DARK_GREY";
|
|
13
14
|
TagColorsTypes["GREEN"] = "GREEN";
|
|
14
15
|
TagColorsTypes["GREEN_LIGHT"] = "GREEN_LIGHT";
|
|
15
16
|
TagColorsTypes["GREEN_LIGHTER"] = "GREEN_LIGHTER";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/interfaces.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/interfaces.ts"],"names":[],"mappings":";;;AAaA,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;AACvB,CAAC,EAHW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAGxB;AAED,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,+BAAa,CAAA;IACb,yCAAuB,CAAA;IACvB,iCAAe,CAAA;IACf,6CAA2B,CAAA;IAC3B,iDAA+B,CAAA;IAC/B,+BAAa,CAAA;IACb,+BAAa,CAAA;IACb,mCAAiB,CAAA;IACjB,+CAA6B,CAAA;IAC7B,6BAAW,CAAA;IACX,iCAAe,CAAA;AACjB,CAAC,EAbW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAazB"}
|