@proprioo/salatim 30.7.0 → 31.0.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 +6 -0
- package/lib/energy/index.d.ts +2 -2
- package/lib/energy/index.js +3 -1
- package/lib/energy/index.js.map +1 -1
- package/lib/energy/src/Energy.d.ts +14 -2
- package/lib/energy/src/Energy.js +4 -16
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/energy/src/Energy.stories.js +21 -7
- package/lib/energy/src/Energy.stories.js.map +1 -1
- package/lib/energy/src/Energy.styles.d.ts +7 -4
- package/lib/energy/src/Energy.styles.js +5 -4
- package/lib/energy/src/Energy.styles.js.map +1 -1
- package/lib/energy/src/Energy.test.js +16 -2
- package/lib/energy/src/Energy.test.js.map +1 -1
- package/lib/energy/src/Energy.utils.d.ts +1 -0
- package/lib/energy/src/Energy.utils.js +5 -4
- package/lib/energy/src/Energy.utils.js.map +1 -1
- package/lib/energy/src/interfaces.d.ts +0 -7
- package/lib/energy/src/interfaces.js +1 -2
- package/lib/energy/src/interfaces.js.map +1 -1
- package/lib/index.js +23 -22
- package/lib/index.js.map +1 -1
- package/lib/ui/src/card/Card.interfaces.d.ts +2 -0
- package/lib/ui/src/card/Card.js +6 -6
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.styles.js +1 -0
- package/lib/ui/src/card/Card.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +2 -7
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/interfaces.d.ts +1 -0
- package/lib/ui/src/tag/interfaces.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,7 @@ export declare enum CardHeaderIconSize {
|
|
|
6
6
|
export type CardProps = {
|
|
7
7
|
label: string;
|
|
8
8
|
after?: string | ReactElement;
|
|
9
|
+
closeToggleAriaLabel?: string;
|
|
9
10
|
dataTest?: string;
|
|
10
11
|
disabled?: boolean;
|
|
11
12
|
hasToggle?: boolean;
|
|
@@ -15,6 +16,7 @@ export type CardProps = {
|
|
|
15
16
|
isOpen?: boolean;
|
|
16
17
|
labelAfter?: ReactElement;
|
|
17
18
|
noPadding?: boolean;
|
|
19
|
+
openToggleAriaLabel?: string;
|
|
18
20
|
toggleLabel?: string;
|
|
19
21
|
tooltip?: string | ReactElement;
|
|
20
22
|
onClose?(): void;
|
package/lib/ui/src/card/Card.js
CHANGED
|
@@ -10,12 +10,12 @@ const Help_1 = __importDefault(require("../icons/Help"));
|
|
|
10
10
|
const Tooltip_1 = __importDefault(require("../tooltip/Tooltip"));
|
|
11
11
|
const Card_interfaces_1 = require("./Card.interfaces");
|
|
12
12
|
const Card_styles_1 = require("./Card.styles");
|
|
13
|
-
const Card = ({ children,
|
|
14
|
-
const
|
|
13
|
+
const Card = ({ after, children, closeToggleAriaLabel = 'Cacher le contenu', dataTest = 'card-layout', disabled = false, hasToggle = false, headerIcon, headerIconColor = utils_1.colors.dark.base, headerIconSize = Card_interfaces_1.CardHeaderIconSize.MEDIUM, isOpen: controlledIsOpen, label, labelAfter, noPadding, onClose, onOpen, openToggleAriaLabel = 'Afficher le contenu', toggleLabel, tooltip }) => {
|
|
14
|
+
const isSmartphone = (0, utils_1.useSmartphoneDevice)();
|
|
15
15
|
const [isOpen, toggleIsOpen] = (0, react_1.useState)(controlledIsOpen || false);
|
|
16
|
+
const isControlled = controlledIsOpen !== undefined;
|
|
16
17
|
const canCloseControlledCard = isControlled && hasToggle && !onClose;
|
|
17
18
|
const canOpenControlledCard = isControlled && hasToggle && !onOpen;
|
|
18
|
-
const isSmartphone = (0, utils_1.useSmartphoneDevice)();
|
|
19
19
|
const closeCard = () => {
|
|
20
20
|
if (!isControlled || canCloseControlledCard) {
|
|
21
21
|
toggleIsOpen(false);
|
|
@@ -38,9 +38,9 @@ const Card = ({ children, after, dataTest = 'card-layout', disabled = false, lab
|
|
|
38
38
|
toggleIsOpen(controlledIsOpen);
|
|
39
39
|
}
|
|
40
40
|
}, [controlledIsOpen, isControlled]);
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(Card_styles_1.Layout, { "data-test": dataTest, disabled: disabled, id: label, children: [(0, jsx_runtime_1.jsxs)(Card_styles_1.Header, { onClick: hasToggle && !disabled ? toggleCard : undefined,
|
|
42
|
-
?
|
|
43
|
-
: toggleLabel ||
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(Card_styles_1.Layout, { "data-test": dataTest, disabled: disabled, id: label, children: [(0, jsx_runtime_1.jsxs)(Card_styles_1.Header, { disabled: disabled, hasToggle: hasToggle, onClick: hasToggle && !disabled ? toggleCard : undefined, children: [(0, jsx_runtime_1.jsxs)(Card_styles_1.TitleContainer, { "data-test": "title-container", children: [headerIcon && ((0, jsx_runtime_1.jsx)(Card_styles_1.HeaderIconContainer, { headerIconColor: headerIconColor, headerIconSize: headerIconSize, children: headerIcon })), (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: label }, "data-test": `title-${dataTest}` }), labelAfter && (0, jsx_runtime_1.jsx)(Card_styles_1.LabelAfterWrapper, { children: labelAfter }), tooltip && ((0, jsx_runtime_1.jsx)(Card_styles_1.PropagationWrapper, { onClick: event => event.stopPropagation(), children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, { placement: "auto", tooltip: tooltip, children: (0, jsx_runtime_1.jsx)(Card_styles_1.IconContainer, { children: (0, jsx_runtime_1.jsx)(Help_1.default, { fill: utils_1.colors.grey.base }) }) }) }))] }), (after || hasToggle) && ((0, jsx_runtime_1.jsxs)(Card_styles_1.AfterContainer, { children: [after && ((0, jsx_runtime_1.jsx)(Card_styles_1.PropagationWrapper, { onClick: event => event.stopPropagation(), children: after })), hasToggle && ((0, jsx_runtime_1.jsxs)(Card_styles_1.ToggleContainer, { children: [!isSmartphone && toggleLabel && ((0, jsx_runtime_1.jsx)("span", { "data-test": "toggle-label", children: toggleLabel })), (0, jsx_runtime_1.jsx)(Card_styles_1.ToggleButton, { "aria-controls": label, "aria-expanded": isOpen, "aria-label": isOpen
|
|
42
|
+
? closeToggleAriaLabel
|
|
43
|
+
: toggleLabel || openToggleAriaLabel })] }))] }))] }), ((!hasToggle && children) || (hasToggle && isOpen)) && ((0, jsx_runtime_1.jsx)(Card_styles_1.Body, { "data-test": "body-card", noPadding: noPadding, children: children }))] }));
|
|
44
44
|
};
|
|
45
45
|
exports.default = Card;
|
|
46
46
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAA0E;AAE1E,0CAA6D;AAC7D,yDAAiC;AACjC,iEAAyC;AACzC,uDAAkE;AAClE,+CAYuB;AAEvB,MAAM,IAAI,GAAqC,CAAC,EAC9C,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAOwB;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,SAAS,CAAC,IAAI;;;;CAIpC,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;AAEF,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,CAAC;AAExB,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAA;IACrC,sBAAc;;eAEH,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC
|
|
1
|
+
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAOwB;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,SAAS,CAAC,IAAI;;;;CAIpC,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;AAEF,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,CAAC;AAExB,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAA;IACrC,sBAAc;;eAEH,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;WAMvB,IAAA,sBAAc,EAAC,EAAE,CAAC;YACjB,IAAA,sBAAc,EAAC,CAAC,CAAC;;;mBAGV,UAAU;oBACT,UAAU;kBACZ,UAAU,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;wBAKhC,cAAM,CAAC,SAAS,CAAC,IAAI;;;;;mBAK1B,IAAA,sBAAc,EAAC,CAAC,CAAC;;CAEnC,CAAC"}
|
package/lib/ui/src/tag/Tag.js
CHANGED
|
@@ -8,15 +8,10 @@ const react_1 = require("react");
|
|
|
8
8
|
const CloseBox_1 = __importDefault(require("../icons/CloseBox"));
|
|
9
9
|
const interfaces_1 = require("./interfaces");
|
|
10
10
|
const Tag_styles_1 = require("./Tag.styles");
|
|
11
|
-
const Tag = ({
|
|
11
|
+
const Tag = ({ appearance = interfaces_1.TagAppearance.BUSINESS, closeAriaLabel = 'Supprimer', color = interfaces_1.TagColorsTypes.TERRACOTA, dataTest = 'basic-tag', icon, labels, numberOfTags = labels.length, onClose }) => {
|
|
12
12
|
const tagsToDisplay = labels.slice(0, numberOfTags);
|
|
13
13
|
const tagsToHide = labels.slice(numberOfTags);
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [tagsToDisplay.map((tag, index) => ((0, jsx_runtime_1.jsxs)(Tag_styles_1.BasicTag, { appearance: appearance, color: color, close: !!onClose, "data-test": dataTest, icon: !!icon, children: [icon && ((0, jsx_runtime_1.jsx)(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon", children: icon })), tag, onClose && ((0, jsx_runtime_1.jsx)(Tag_styles_1.TagCloser, { "aria-label":
|
|
15
|
-
};
|
|
16
|
-
Tag.defaultProps = {
|
|
17
|
-
appearance: interfaces_1.TagAppearance.BUSINESS,
|
|
18
|
-
color: interfaces_1.TagColorsTypes.TERRACOTA,
|
|
19
|
-
dataTest: 'basic-tag'
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [tagsToDisplay.map((tag, index) => ((0, jsx_runtime_1.jsxs)(Tag_styles_1.BasicTag, { appearance: appearance, color: color, close: !!onClose, "data-test": dataTest, icon: !!icon, children: [icon && ((0, jsx_runtime_1.jsx)(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon", children: icon })), tag, onClose && ((0, jsx_runtime_1.jsx)(Tag_styles_1.TagCloser, { "aria-label": closeAriaLabel, appearance: appearance, "data-test": "tag-closer", onClick: onClose, children: (0, jsx_runtime_1.jsx)(CloseBox_1.default, {}) }))] }, index))), Boolean(tagsToHide.length) && ((0, jsx_runtime_1.jsxs)(Tag_styles_1.TagList, { "data-test": "list-tag", children: [(0, jsx_runtime_1.jsxs)(Tag_styles_1.BasicTag, { appearance: appearance, color: color, "data-test": dataTest, icon: !!icon, children: [icon && ((0, jsx_runtime_1.jsx)(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon", children: icon })), `+ ${tagsToHide.length}`] }), (0, jsx_runtime_1.jsx)(Tag_styles_1.List, { appearance: appearance, color: color, children: tagsToHide.map((label, index) => ((0, jsx_runtime_1.jsx)(Tag_styles_1.TagElement, { "data-test": "tag-element", children: label }, index))) })] }))] }));
|
|
20
15
|
};
|
|
21
16
|
exports.default = Tag;
|
|
22
17
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAA4C;AAE5C,iEAAyC;AACzC,6CAAuE;AACvE,6CAOsB;AAEtB,MAAM,GAAG,GAAiB,CAAC,EACzB,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAA4C;AAE5C,iEAAyC;AACzC,6CAAuE;AACvE,6CAOsB;AAEtB,MAAM,GAAG,GAAiB,CAAC,EACzB,UAAU,GAAG,0BAAa,CAAC,QAAQ,EACnC,cAAc,GAAG,WAAW,EAC5B,KAAK,GAAG,2BAAc,CAAC,SAAS,EAChC,QAAQ,GAAG,WAAW,EACtB,IAAI,EACJ,MAAM,EACN,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,wBAAC,gBAAQ,eACN,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,wBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,OAAO,eACL,QAAQ,EACnB,IAAI,EAAE,CAAC,CAAC,IAAI,aAGX,IAAI,IAAI,CACP,uBAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,YAC5C,IAAI,GACO,CACf,EACA,GAAG,EACH,OAAO,IAAI,CACV,uBAAC,sBAAS,kBACI,cAAc,EAC1B,UAAU,EAAE,UAAU,eACZ,YAAY,EACtB,OAAO,EAAE,OAAO,YAEhB,uBAAC,kBAAQ,KAAG,GACF,CACb,KAjBI,KAAK,CAkBD,CACZ,CAAC,EACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAC7B,wBAAC,oBAAO,iBAAW,UAAU,aAC3B,wBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,eACD,QAAQ,EACnB,IAAI,EAAE,CAAC,CAAC,IAAI,aAEX,IAAI,IAAI,CACP,uBAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,YAC5C,IAAI,GACO,CACf,EACA,KAAK,UAAU,CAAC,MAAM,EAAE,IAChB,EACX,uBAAC,iBAAI,IAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,YACvC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,uBAAC,uBAAU,iBAAW,aAAa,YAChC,KAAK,IADiC,KAAK,CAEjC,CACd,CAAC,GACG,IACC,CACX,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,GAAG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/interfaces.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/interfaces.tsx"],"names":[],"mappings":";;;AAaA,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;AACvB,CAAC,EAHW,aAAa,6BAAb,aAAa,QAGxB;AAED,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,2CAAyB,CAAA;IACzB,iCAAe,CAAA;IACf,6CAA2B,CAAA;IAC3B,+BAAa,CAAA;IACb,2CAAyB,CAAA;IACzB,mCAAiB,CAAA;IACjB,+CAA6B,CAAA;IAC7B,mDAAiC,CAAA;IACjC,6BAAW,CAAA;IACX,yCAAuB,CAAA;IACvB,yCAAuB,CAAA;AACzB,CAAC,EAbW,cAAc,8BAAd,cAAc,QAazB"}
|