@proprioo/salatim 20.7.0 → 21.1.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 +13 -0
- package/lib/index.js +201 -210
- package/lib/index.js.map +1 -1
- package/lib/ui/index.d.ts +3 -3
- package/lib/ui/index.js +4 -3
- package/lib/ui/index.js.map +1 -1
- package/lib/ui/src/button/Button.d.ts +15 -2
- package/lib/ui/src/button/Button.interfaces.d.ts +10 -24
- package/lib/ui/src/button/Button.interfaces.js +19 -19
- package/lib/ui/src/button/Button.interfaces.js.map +1 -1
- package/lib/ui/src/button/Button.js +3 -10
- package/lib/ui/src/button/Button.js.map +1 -1
- package/lib/ui/src/button/Button.stories.js +23 -49
- package/lib/ui/src/button/Button.stories.js.map +1 -1
- package/lib/ui/src/button/Button.styles.d.ts +1 -1
- package/lib/ui/src/button/Button.styles.js +48 -46
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/button/Button.test.js.map +1 -1
- package/lib/ui/src/card/Card.d.ts +5 -0
- package/lib/ui/src/card/Card.js +8 -2
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.styles.d.ts +2 -1
- package/lib/ui/src/card/Card.styles.js +2 -2
- package/lib/ui/src/card/Card.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +3 -3
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.d.ts +1 -1
- package/lib/ui/src/tag/Tag.styles.js +27 -32
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA0C;AAC1C,uEAAgD;AAEhD,0CAQwB;AACxB,wDAAkD;
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,kDAAiE;AACjE,6EAAoD;AAEpD,qDAA6B;AAC7B,
|
|
1
|
+
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { FC, ReactElement } from 'react';
|
|
2
|
+
export declare enum CardHeaderIconSize {
|
|
3
|
+
MEDIUM = 32,
|
|
4
|
+
SMALL = 18
|
|
5
|
+
}
|
|
2
6
|
export declare type CardProps = {
|
|
3
7
|
label: string;
|
|
4
8
|
labelAfter?: ReactElement;
|
|
@@ -10,6 +14,7 @@ export declare type CardProps = {
|
|
|
10
14
|
hasToggle?: boolean;
|
|
11
15
|
headerIcon?: ReactElement;
|
|
12
16
|
headerIconColor?: string;
|
|
17
|
+
headerIconSize?: CardHeaderIconSize;
|
|
13
18
|
isOpen?: boolean;
|
|
14
19
|
toggleLabel?: string;
|
|
15
20
|
onClose?(): void;
|
package/lib/ui/src/card/Card.js
CHANGED
|
@@ -22,6 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
22
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.CardHeaderIconSize = void 0;
|
|
25
26
|
const react_1 = __importStar(require("react"));
|
|
26
27
|
const utils_1 = require("../../../utils");
|
|
27
28
|
const Help_1 = __importDefault(require("../icons/Help"));
|
|
@@ -29,7 +30,12 @@ const Tooltip_1 = __importDefault(require("../tooltip/Tooltip"));
|
|
|
29
30
|
const Card_styles_1 = require("./Card.styles");
|
|
30
31
|
const Dropdown_1 = __importDefault(require("./icons/Dropdown"));
|
|
31
32
|
const Dropup_1 = __importDefault(require("./icons/Dropup"));
|
|
32
|
-
|
|
33
|
+
var CardHeaderIconSize;
|
|
34
|
+
(function (CardHeaderIconSize) {
|
|
35
|
+
CardHeaderIconSize[CardHeaderIconSize["MEDIUM"] = 32] = "MEDIUM";
|
|
36
|
+
CardHeaderIconSize[CardHeaderIconSize["SMALL"] = 18] = "SMALL";
|
|
37
|
+
})(CardHeaderIconSize = exports.CardHeaderIconSize || (exports.CardHeaderIconSize = {}));
|
|
38
|
+
const Card = ({ children, after, dataTest = 'card-layout', disabled = false, label, labelAfter, noPadding, hasToggle = false, headerIcon, headerIconColor = utils_1.colors.dark.base, headerIconSize = CardHeaderIconSize.MEDIUM, isOpen: controlledIsOpen, toggleLabel, tooltip, onOpen, onClose }) => {
|
|
33
39
|
const isControlled = controlledIsOpen !== undefined;
|
|
34
40
|
const [isOpen, toggleIsOpen] = (0, react_1.useState)(controlledIsOpen || false);
|
|
35
41
|
const canCloseControlledCard = isControlled && hasToggle && !onClose;
|
|
@@ -60,7 +66,7 @@ const Card = ({ children, after, dataTest = 'card-layout', disabled = false, lab
|
|
|
60
66
|
return (react_1.default.createElement(Card_styles_1.Layout, { "data-test": dataTest, disabled: disabled },
|
|
61
67
|
react_1.default.createElement(Card_styles_1.Header, { onClick: hasToggle && !disabled ? toggleCard : undefined, hasToggle: hasToggle, disabled: disabled },
|
|
62
68
|
react_1.default.createElement(Card_styles_1.TitleContainer, { "data-test": "title-container" },
|
|
63
|
-
headerIcon && (react_1.default.createElement(Card_styles_1.HeaderIconContainer, {
|
|
69
|
+
headerIcon && (react_1.default.createElement(Card_styles_1.HeaderIconContainer, Object.assign({}, { headerIconColor, headerIconSize }), headerIcon)),
|
|
64
70
|
react_1.default.createElement("div", { "data-test": `title-${dataTest}`, dangerouslySetInnerHTML: { __html: label } }),
|
|
65
71
|
labelAfter && react_1.default.createElement(Card_styles_1.LabelAfterWrapper, null, labelAfter),
|
|
66
72
|
tooltip && (react_1.default.createElement(Card_styles_1.PropagationWrapper, { onClick: e => e.stopPropagation() },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CardProps } from './Card';
|
|
1
|
+
import { CardHeaderIconSize, CardProps } from './Card';
|
|
2
2
|
export declare const Layout: import("styled-components").StyledComponent<"div", any, {
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
}, never>;
|
|
@@ -11,6 +11,7 @@ export declare const LabelAfterWrapper: import("styled-components").StyledCompon
|
|
|
11
11
|
export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
12
|
export declare const HeaderIconContainer: import("styled-components").StyledComponent<"div", any, {
|
|
13
13
|
headerIconColor: string;
|
|
14
|
+
headerIconSize: CardHeaderIconSize;
|
|
14
15
|
}, never>;
|
|
15
16
|
export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
16
17
|
export declare const AfterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -77,8 +77,8 @@ exports.HeaderIconContainer = styled_components_1.default.div `
|
|
|
77
77
|
|
|
78
78
|
> svg {
|
|
79
79
|
display: block;
|
|
80
|
-
width: ${(0, utils_1.convertPxToRem)(
|
|
81
|
-
height: ${(0, utils_1.convertPxToRem)(
|
|
80
|
+
width: ${({ headerIconSize }) => (0, utils_1.convertPxToRem)(headerIconSize)};
|
|
81
|
+
height: ${({ headerIconSize }) => (0, utils_1.convertPxToRem)(headerIconSize)};
|
|
82
82
|
|
|
83
83
|
path {
|
|
84
84
|
fill: ${({ headerIconColor }) => headerIconColor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAGX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAuB;;YAE3C,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;gBACzC,eAAO,CAAC,MAAM;mBACX,cAAM,CAAC,MAAM;;;;kBAId,IAAA,sBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;oBAEa,cAAM,CAAC,UAAU;eACtB,cAAM,CAAC,IAAI,CAAC,MAAM;KAC5B;CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAA2C;IACvE,kBAAU,CAAC,KAAK;;;;aAIP,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC1C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxB,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,IAAI;;IAEhD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC5B,SAAS;IACT,CAAC,QAAQ;IACT,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAA;;CAE5C,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;iBAC3B,IAAA,sBAAc,EAAC,CAAC,CAAC;CACjC,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;gBAOvB,cAAM,CAAC,MAAM,CAAC,IAAI;;;;CAIjC,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAGX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAuB;;YAE3C,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;gBACzC,eAAO,CAAC,MAAM;mBACX,cAAM,CAAC,MAAM;;;;kBAId,IAAA,sBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;oBAEa,cAAM,CAAC,UAAU;eACtB,cAAM,CAAC,IAAI,CAAC,MAAM;KAC5B;CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAA2C;IACvE,kBAAU,CAAC,KAAK;;;;aAIP,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC1C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxB,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,IAAI;;IAEhD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC5B,SAAS;IACT,CAAC,QAAQ;IACT,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAA;;CAE5C,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;iBAC3B,IAAA,sBAAc,EAAC,CAAC,CAAC;CACjC,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;gBAOvB,cAAM,CAAC,MAAM,CAAC,IAAI;;;;CAIjC,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAG3C;cACY,IAAA,sBAAc,EAAC,CAAC,CAAC,MAAM,IAAA,sBAAc,EAAC,CAAC,CAAC,CAAC;;;;aAI1C,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,IAAA,sBAAc,EAAC,cAAc,CAAC;cACrD,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,IAAA,sBAAc,EAAC,cAAc,CAAC;;;cAGtD,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,eAAe;;;CAGrD,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGvC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAA8B;IACxD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,CAAC,SAAS;IACV,IAAA,uBAAG,EAAA;iBACU,IAAA,sBAAc,EAAC,EAAE,CAAC;KAC9B;;IAED,cAAM;;kBAEQ,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;;CAE9D,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;WACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;YACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;CAO7B,CAAC"}
|
package/lib/ui/src/tag/Tag.js
CHANGED
|
@@ -30,16 +30,16 @@ const Tag = ({ labels, appearance, color, icon, isOutlined, dataTest, numberOfTa
|
|
|
30
30
|
const tagsToDisplay = labels.slice(0, numberOfTags);
|
|
31
31
|
const tagsToHide = labels.slice(numberOfTags);
|
|
32
32
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
33
|
-
tagsToDisplay.map((tag, index) => (react_1.default.createElement(Tag_styles_1.BasicTag, {
|
|
33
|
+
tagsToDisplay.map((tag, index) => (react_1.default.createElement(Tag_styles_1.BasicTag, Object.assign({}, { appearance, color, isOutlined }, { isOutlined: isOutlined, icon: !!icon, close: !!onClose, "data-test": dataTest, key: index }),
|
|
34
34
|
icon && (react_1.default.createElement(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon" }, icon)),
|
|
35
35
|
tag,
|
|
36
36
|
onClose && (react_1.default.createElement(Tag_styles_1.TagCloser, { onClick: onClose, "data-test": "tag-closer" },
|
|
37
37
|
react_1.default.createElement(CloseBox_1.default, null)))))),
|
|
38
38
|
Boolean(tagsToHide.length) && (react_1.default.createElement(Tag_styles_1.TagList, { "data-test": "list-tag" },
|
|
39
|
-
react_1.default.createElement(Tag_styles_1.BasicTag, {
|
|
39
|
+
react_1.default.createElement(Tag_styles_1.BasicTag, Object.assign({}, { appearance, color, isOutlined }, { icon: !!icon, "data-test": dataTest }),
|
|
40
40
|
icon && (react_1.default.createElement(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon" }, icon)),
|
|
41
41
|
`+ ${tagsToHide.length}`),
|
|
42
|
-
react_1.default.createElement(Tag_styles_1.List, {
|
|
42
|
+
react_1.default.createElement(Tag_styles_1.List, Object.assign({}, { color, appearance, isOutlined }), tagsToHide.map((label, index) => (react_1.default.createElement(Tag_styles_1.TagElement, { key: index, "data-test": "tag-element" }, label))))))));
|
|
43
43
|
};
|
|
44
44
|
Tag.defaultProps = {
|
|
45
45
|
appearance: interfaces_1.TagAppearance.CUSTOMER,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAE5C,iEAAyC;AACzC,6CAAuE;AACvE,6CAOsB;AAEtB,MAAM,GAAG,GAAiB,CAAC,EACzB,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAY,GAAG,MAAM,CAAC,MAAM,EAC5B,OAAO,EACR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,gBAAQ;QACN,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,8BAAC,qBAAQ,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAE5C,iEAAyC;AACzC,6CAAuE;AACvE,6CAOsB;AAEtB,MAAM,GAAG,GAAiB,CAAC,EACzB,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAY,GAAG,MAAM,CAAC,MAAM,EAC5B,OAAO,EACR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,gBAAQ;QACN,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,8BAAC,qBAAQ,oBACH,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IACrC,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,OAAO,eACL,QAAQ,EACnB,GAAG,EAAE,KAAK;YAET,IAAI,IAAI,CACP,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,IAC5C,IAAI,CACO,CACf;YACA,GAAG;YACH,OAAO,IAAI,CACV,8BAAC,sBAAS,IAAC,OAAO,EAAE,OAAO,eAAY,YAAY;gBACjD,8BAAC,kBAAQ,OAAG,CACF,CACb,CACQ,CACZ,CAAC;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAC7B,8BAAC,oBAAO,iBAAW,UAAU;YAC3B,8BAAC,qBAAQ,oBACH,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IACrC,IAAI,EAAE,CAAC,CAAC,IAAI,eACD,QAAQ;gBAElB,IAAI,IAAI,CACP,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,IAC5C,IAAI,CACO,CACf;gBACA,KAAK,UAAU,CAAC,MAAM,EAAE,CAChB;YACX,8BAAC,iBAAI,oBAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GACxC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,8BAAC,uBAAU,IAAC,GAAG,EAAE,KAAK,eAAY,aAAa,IAC5C,KAAK,CACK,CACd,CAAC,CACG,CACC,CACX,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,UAAU,EAAE,0BAAa,CAAC,QAAQ;IAClC,KAAK,EAAE,2BAAc,CAAC,MAAM;IAC5B,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,kBAAe,GAAG,CAAC"}
|
|
@@ -8,7 +8,7 @@ export declare const TAG_BUSINESS_BASE: import("styled-components").FlattenSimpl
|
|
|
8
8
|
export declare const BasicTag: import("styled-components").StyledComponent<"span", any, Pick<TagProps, "appearance" | "color" | "isOutlined"> & TagBaseProps, never>;
|
|
9
9
|
export declare const TagCloser: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
10
|
export declare const TagElement: import("styled-components").StyledComponent<"li", any, {}, never>;
|
|
11
|
-
export declare const List: import("styled-components").StyledComponent<"ul", any, Pick<TagProps, "appearance" | "color">, never>;
|
|
11
|
+
export declare const List: import("styled-components").StyledComponent<"ul", any, Pick<TagProps, "appearance" | "color" | "isOutlined">, never>;
|
|
12
12
|
export declare const TagList: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
13
|
export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
14
14
|
export {};
|
|
@@ -46,37 +46,36 @@ exports.TAG_BUSINESS_BASE = (0, styled_components_1.css) `
|
|
|
46
46
|
text-transform: uppercase;
|
|
47
47
|
font-weight: bold;
|
|
48
48
|
`;
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
const getTagMainStyle = (color, appearance, isOutlined) => {
|
|
50
|
+
const isBusiness = appearance === interfaces_1.TagAppearance.BUSINESS;
|
|
51
|
+
if (isOutlined) {
|
|
52
|
+
return (0, styled_components_1.css) `
|
|
53
|
+
color: ${TagColors_1.TagColors[color].colorOutlined};
|
|
51
54
|
|
|
52
|
-
|
|
53
|
-
? (0, styled_components_1.css) `
|
|
54
|
-
${exports.TAG_BUSINESS_BASE};
|
|
55
|
-
|
|
56
|
-
${color &&
|
|
57
|
-
(isOutlined
|
|
55
|
+
${isBusiness
|
|
58
56
|
? (0, styled_components_1.css) `
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
57
|
+
border: ${(0, utils_1.convertPxToRem)(1)} solid
|
|
58
|
+
${TagColors_1.TagColors[color].backgroundOutlined};
|
|
59
|
+
background: white;
|
|
60
|
+
`
|
|
63
61
|
: (0, styled_components_1.css) `
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
`)}}
|
|
62
|
+
background: ${TagColors_1.TagColors[color].backgroundOutlined};
|
|
63
|
+
`}
|
|
64
|
+
`;
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
return (0, styled_components_1.css) `
|
|
68
|
+
color: ${TagColors_1.TagColors[color].color};
|
|
69
|
+
background: ${TagColors_1.TagColors[color].background};
|
|
70
|
+
`;
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
exports.BasicTag = styled_components_1.default.span `
|
|
74
|
+
${exports.TagBase};
|
|
78
75
|
|
|
79
|
-
|
|
76
|
+
${({ appearance }) => appearance === interfaces_1.TagAppearance.BUSINESS && exports.TAG_BUSINESS_BASE}
|
|
77
|
+
|
|
78
|
+
${({ appearance, color, isOutlined }) => color && getTagMainStyle(color, appearance, isOutlined)}}
|
|
80
79
|
|
|
81
80
|
${({ icon }) => icon &&
|
|
82
81
|
(0, styled_components_1.css) `
|
|
@@ -125,11 +124,7 @@ exports.List = styled_components_1.default.ul `
|
|
|
125
124
|
|
|
126
125
|
${({ appearance }) => appearance === interfaces_1.TagAppearance.BUSINESS && exports.TAG_BUSINESS_BASE};
|
|
127
126
|
|
|
128
|
-
${
|
|
129
|
-
(0, styled_components_1.css) `
|
|
130
|
-
color: ${TagColors_1.TagColors[props.color].color};
|
|
131
|
-
background: ${TagColors_1.TagColors[props.color].background};
|
|
132
|
-
`};
|
|
127
|
+
${({ color, isOutlined, appearance }) => color && getTagMainStyle(color, appearance, isOutlined)};
|
|
133
128
|
`;
|
|
134
129
|
exports.TagList = styled_components_1.default.div `
|
|
135
130
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AACxB,
|
|
1
|
+
{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.styles.ts"],"names":[],"mappings":"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"}
|