odaptos_design_system 2.0.0 → 2.0.1
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/odaptos_design_system.cjs.development.js +7 -4
- 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 +7 -4
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Tag/Tag.modules.scss +5 -0
- package/src/Atoms/Tag/Tag.tsx +3 -1
- package/src/Organisms/MultiSelect/MultiSelect.tsx +2 -1
- package/src/Organisms/MultiSelect/MultiSelectWithCategories.tsx +1 -0
|
@@ -12599,10 +12599,11 @@ const MultiSelect = ({
|
|
|
12599
12599
|
size: "sm",
|
|
12600
12600
|
status: "info",
|
|
12601
12601
|
key: `chipt-option-${index}`,
|
|
12602
|
+
canBeRemoved: true,
|
|
12602
12603
|
iconRight: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
12603
12604
|
fill: colors.blue_700,
|
|
12604
12605
|
style: {
|
|
12605
|
-
cursor: 'pointer'
|
|
12606
|
+
cursor: 'pointer !important'
|
|
12606
12607
|
},
|
|
12607
12608
|
onClick: () => deleteOption(option)
|
|
12608
12609
|
})
|
|
@@ -12868,6 +12869,7 @@ const MultiSelectWithCategories = ({
|
|
|
12868
12869
|
size: "sm",
|
|
12869
12870
|
status: "info",
|
|
12870
12871
|
key: `chipt-option-${index}`,
|
|
12872
|
+
canBeRemoved: true,
|
|
12871
12873
|
iconRight: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
12872
12874
|
fill: colors.blue_700,
|
|
12873
12875
|
style: {
|
|
@@ -14850,8 +14852,8 @@ const TabsUnderline = ({
|
|
|
14850
14852
|
})));
|
|
14851
14853
|
};
|
|
14852
14854
|
|
|
14853
|
-
var css_248z$N = ".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}";
|
|
14854
|
-
var styles$N = {"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"};
|
|
14855
|
+
var css_248z$N = ".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}";
|
|
14856
|
+
var styles$N = {"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"};
|
|
14855
14857
|
styleInject(css_248z$N);
|
|
14856
14858
|
|
|
14857
14859
|
extend([mixPlugin]); //Used for the .tints() method of colord
|
|
@@ -14865,6 +14867,7 @@ const Tag = ({
|
|
|
14865
14867
|
amountNumber,
|
|
14866
14868
|
customColor,
|
|
14867
14869
|
className,
|
|
14870
|
+
canBeRemoved = false,
|
|
14868
14871
|
...props
|
|
14869
14872
|
}) => {
|
|
14870
14873
|
const tagCustomColor = customColor ? colord(customColor) : undefined;
|
|
@@ -14894,7 +14897,7 @@ const Tag = ({
|
|
|
14894
14897
|
style: {
|
|
14895
14898
|
backgroundColor: customColor
|
|
14896
14899
|
},
|
|
14897
|
-
className: `${styles$N.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''}`
|
|
14900
|
+
className: `${styles$N.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$N.canBeRemoved}`
|
|
14898
14901
|
}), iconLeft && /*#__PURE__*/React.cloneElement(iconLeft, {
|
|
14899
14902
|
style: {
|
|
14900
14903
|
fill: getTextColor(),
|