odaptos_design_system 2.0.69 → 2.0.71
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/dist/Atoms/Tag/Tag.d.ts +2 -1
- package/dist/Molecules/Interviews/SelfPrortocolTaskContainer.d.ts +1 -1
- package/dist/odaptos_design_system.cjs.development.js +10 -7
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +10 -7
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Tag/Tag.modules.scss +11 -0
- package/src/Atoms/Tag/Tag.tsx +8 -4
- package/src/Molecules/Interviews/SelfPrortocolTaskContainer.tsx +2 -2
- package/src/Molecules/Interviews/SelfProtocolManager.tsx +0 -1
- package/src/Organisms/MultiSelect/MultiSelect.tsx +6 -1
- package/src/Organisms/MultiSelect/MultiSelectWithCategories.tsx +6 -1
- package/src/Organisms/SingleSelect/SingleSelect.tsx +1 -1
package/dist/Atoms/Tag/Tag.d.ts
CHANGED
|
@@ -11,7 +11,8 @@ interface TagProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
11
11
|
className?: string;
|
|
12
12
|
canBeRemoved?: boolean;
|
|
13
13
|
tooltipText?: string;
|
|
14
|
+
areEllipsisActive?: boolean;
|
|
14
15
|
}
|
|
15
16
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
16
|
-
export declare const Tag: ({ text, id, status, size, iconLeft, iconRight, amountNumber, customColor, className, canBeRemoved, tooltipText, ...props }: TagProps) => React.JSX.Element;
|
|
17
|
+
export declare const Tag: ({ text, id, status, size, iconLeft, iconRight, amountNumber, customColor, className, canBeRemoved, tooltipText, areEllipsisActive, ...props }: TagProps) => React.JSX.Element;
|
|
17
18
|
export {};
|
|
@@ -12347,7 +12347,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12347
12347
|
text: mainTitle,
|
|
12348
12348
|
weight: "bold",
|
|
12349
12349
|
size: "base"
|
|
12350
|
-
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
12350
|
+
}), description && /*#__PURE__*/React__default.createElement(Text, {
|
|
12351
12351
|
text: description,
|
|
12352
12352
|
size: "sm"
|
|
12353
12353
|
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
@@ -12444,7 +12444,6 @@ const SelfProtocolManager = ({
|
|
|
12444
12444
|
key: task._id,
|
|
12445
12445
|
smallTitle: getTaskTitle(task),
|
|
12446
12446
|
mainTitle: task.description,
|
|
12447
|
-
description: task.notes,
|
|
12448
12447
|
ctaText: texts.nextTaskCTA,
|
|
12449
12448
|
buttonIcon: /*#__PURE__*/React__default.createElement(SendIcon, null),
|
|
12450
12449
|
onClick: () => sendTask(task),
|
|
@@ -13449,6 +13448,7 @@ const MultiSelect = ({
|
|
|
13449
13448
|
selected
|
|
13450
13449
|
}) => {
|
|
13451
13450
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
13451
|
+
id: option.value,
|
|
13452
13452
|
key: `${props.id}`,
|
|
13453
13453
|
style: {
|
|
13454
13454
|
gap: '0.5rem'
|
|
@@ -13722,6 +13722,7 @@ const MultiSelectWithCategories = ({
|
|
|
13722
13722
|
selected
|
|
13723
13723
|
}) => {
|
|
13724
13724
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
13725
|
+
id: option.value,
|
|
13725
13726
|
key: `${props.id}`,
|
|
13726
13727
|
style: {
|
|
13727
13728
|
gap: '0.5rem'
|
|
@@ -15175,7 +15176,8 @@ const SingleSelect = ({
|
|
|
15175
15176
|
className: `${styles$J.newAutocomplete}`,
|
|
15176
15177
|
renderOption: (props, option) => {
|
|
15177
15178
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
15178
|
-
key: option.value
|
|
15179
|
+
key: option.value,
|
|
15180
|
+
id: option.value
|
|
15179
15181
|
}), /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15180
15182
|
text: option.label,
|
|
15181
15183
|
size: "sm"
|
|
@@ -15834,8 +15836,8 @@ const TabsUnderline = ({
|
|
|
15834
15836
|
})));else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
15835
15837
|
};
|
|
15836
15838
|
|
|
15837
|
-
var css_248z$T = ".Tag-modules_tag__sYiD6{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag__sYiD6 p{max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;width:100%}.Tag-modules_tag_idle__ym-G7{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__ym-G7 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__Q6-WL{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__Q6-WL svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_violet__CgNel{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Tag-modules_tag_violet__CgNel svg{stroke:#5c1994!important;fill:#5c1994!important}.Tag-modules_tag_light__RqIr6{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Tag-modules_tag_light__RqIr6 svg{stroke:#32353a!important;fill:#32353a!important}.Tag-modules_tag_success__yANfh{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__yANfh svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__C-O5t{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__C-O5t svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__v79so{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__v79so svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__KQwsr{height:1.25rem}.Tag-modules_tag_sm__KQwsr svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__omYEM{height:1.75rem}.Tag-modules_tag_base__omYEM svg{height:1rem;width:1rem}.Tag-modules_canBeRemoved__ei-3U svg{cursor:pointer}";
|
|
15838
|
-
var styles$T = {"tag":"Tag-modules_tag__sYiD6","tag_idle":"Tag-modules_tag_idle__ym-G7","tag_info":"Tag-modules_tag_info__Q6-WL","tag_violet":"Tag-modules_tag_violet__CgNel","tag_light":"Tag-modules_tag_light__RqIr6","tag_success":"Tag-modules_tag_success__yANfh","tag_warning":"Tag-modules_tag_warning__C-O5t","tag_critical":"Tag-modules_tag_critical__v79so","tag_sm":"Tag-modules_tag_sm__KQwsr","tag_base":"Tag-modules_tag_base__omYEM","canBeRemoved":"Tag-modules_canBeRemoved__ei-3U"};
|
|
15839
|
+
var css_248z$T = ".Tag-modules_tag__sYiD6{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag__sYiD6 p{white-space:nowrap}.Tag-modules_tag_ellipsis__-WHk-{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag_ellipsis__-WHk- p{max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;width:100%}.Tag-modules_tag_idle__ym-G7{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__ym-G7 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__Q6-WL{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__Q6-WL svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_violet__CgNel{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Tag-modules_tag_violet__CgNel svg{stroke:#5c1994!important;fill:#5c1994!important}.Tag-modules_tag_light__RqIr6{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Tag-modules_tag_light__RqIr6 svg{stroke:#32353a!important;fill:#32353a!important}.Tag-modules_tag_success__yANfh{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__yANfh svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__C-O5t{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__C-O5t svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__v79so{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__v79so svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__KQwsr{height:1.25rem}.Tag-modules_tag_sm__KQwsr svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__omYEM{height:1.75rem}.Tag-modules_tag_base__omYEM svg{height:1rem;width:1rem}.Tag-modules_canBeRemoved__ei-3U svg{cursor:pointer}";
|
|
15840
|
+
var styles$T = {"tag":"Tag-modules_tag__sYiD6","tag_ellipsis":"Tag-modules_tag_ellipsis__-WHk-","tag_idle":"Tag-modules_tag_idle__ym-G7","tag_info":"Tag-modules_tag_info__Q6-WL","tag_violet":"Tag-modules_tag_violet__CgNel","tag_light":"Tag-modules_tag_light__RqIr6","tag_success":"Tag-modules_tag_success__yANfh","tag_warning":"Tag-modules_tag_warning__C-O5t","tag_critical":"Tag-modules_tag_critical__v79so","tag_sm":"Tag-modules_tag_sm__KQwsr","tag_base":"Tag-modules_tag_base__omYEM","canBeRemoved":"Tag-modules_canBeRemoved__ei-3U"};
|
|
15839
15841
|
styleInject(css_248z$T);
|
|
15840
15842
|
|
|
15841
15843
|
colord.extend([mixPlugin]); //Used for the .tints() method of colord
|
|
@@ -15852,6 +15854,7 @@ const Tag = ({
|
|
|
15852
15854
|
className,
|
|
15853
15855
|
canBeRemoved = false,
|
|
15854
15856
|
tooltipText,
|
|
15857
|
+
areEllipsisActive = true,
|
|
15855
15858
|
...props
|
|
15856
15859
|
}) => {
|
|
15857
15860
|
const tagCustomColor = customColor ? colord.colord(customColor) : undefined;
|
|
@@ -15892,13 +15895,13 @@ const Tag = ({
|
|
|
15892
15895
|
return /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
15893
15896
|
tooltipDescription: tooltipText ?? text,
|
|
15894
15897
|
arrow: true,
|
|
15895
|
-
isTooltipActive: isEllipsisActive
|
|
15898
|
+
isTooltipActive: areEllipsisActive ? isEllipsisActive : false
|
|
15896
15899
|
}, /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
15897
15900
|
id: id,
|
|
15898
15901
|
style: {
|
|
15899
15902
|
backgroundColor: customColor
|
|
15900
15903
|
},
|
|
15901
|
-
className: `${styles$T.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$T.canBeRemoved}`
|
|
15904
|
+
className: `${areEllipsisActive ? styles$T.tag_ellipsis : styles$T.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$T.canBeRemoved}`
|
|
15902
15905
|
}), iconLeft && /*#__PURE__*/React__default.cloneElement(iconLeft, {
|
|
15903
15906
|
style: {
|
|
15904
15907
|
fill: getTextColor(),
|