odaptos_design_system 1.4.86 → 1.4.87
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/Tag/Tag.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +16 -10
- 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 +16 -10
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Buttons/Button.modules.scss +3 -2
- package/src/Icons/Illustrations/AngryIntervieweeFemale.tsx +2 -2
- package/src/Icons/Illustrations/HappyMen.tsx +3 -3
- package/src/Icons/Miscellaneous/CalendarIcon.tsx +1 -1
- package/src/Icons/Miscellaneous/MultipleUsersIcon.tsx +1 -1
- package/src/Icons/Miscellaneous/StarIcon.tsx +1 -1
- package/src/Tag/Tag.modules.scss +1 -1
- package/src/Tag/Tag.tsx +10 -0
package/dist/Tag/Tag.d.ts
CHANGED
|
@@ -5,8 +5,9 @@ interface TagProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
size?: 'sm' | 'base';
|
|
6
6
|
iconLeft?: JSX.Element;
|
|
7
7
|
iconRight?: JSX.Element;
|
|
8
|
+
amountNumber?: number | undefined;
|
|
8
9
|
className?: string;
|
|
9
10
|
}
|
|
10
11
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
11
|
-
export declare const Tag: ({ text, status, size, iconLeft, iconRight, className, ...props }: TagProps) => React.JSX.Element;
|
|
12
|
+
export declare const Tag: ({ text, status, size, iconLeft, iconRight, amountNumber, className, ...props }: TagProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -1680,10 +1680,10 @@ function AngryIntervieweeFemale({
|
|
|
1680
1680
|
y2: "18.268",
|
|
1681
1681
|
gradientUnits: "userSpaceOnUse"
|
|
1682
1682
|
}, /*#__PURE__*/React__default.createElement("stop", {
|
|
1683
|
-
|
|
1683
|
+
stopColor: "#FFB800"
|
|
1684
1684
|
}), /*#__PURE__*/React__default.createElement("stop", {
|
|
1685
1685
|
offset: "1",
|
|
1686
|
-
|
|
1686
|
+
stopColor: "#FFD629"
|
|
1687
1687
|
})))));
|
|
1688
1688
|
}
|
|
1689
1689
|
|
|
@@ -2500,10 +2500,10 @@ function HappyMen({
|
|
|
2500
2500
|
y2: "30.6268",
|
|
2501
2501
|
gradientUnits: "userSpaceOnUse"
|
|
2502
2502
|
}, /*#__PURE__*/React__default.createElement("stop", {
|
|
2503
|
-
|
|
2503
|
+
stopColor: "#8AEB8A"
|
|
2504
2504
|
}), /*#__PURE__*/React__default.createElement("stop", {
|
|
2505
2505
|
offset: "1",
|
|
2506
|
-
|
|
2506
|
+
stopColor: "#33A7FF"
|
|
2507
2507
|
})), /*#__PURE__*/React__default.createElement("linearGradient", {
|
|
2508
2508
|
id: "paint1_linear_75_3006",
|
|
2509
2509
|
x1: "83.1893",
|
|
@@ -2515,7 +2515,7 @@ function HappyMen({
|
|
|
2515
2515
|
stopColor: "#FFDB29"
|
|
2516
2516
|
}), /*#__PURE__*/React__default.createElement("stop", {
|
|
2517
2517
|
offset: "1",
|
|
2518
|
-
|
|
2518
|
+
stopColor: "#8AEB8A"
|
|
2519
2519
|
})))));
|
|
2520
2520
|
}
|
|
2521
2521
|
|
|
@@ -5258,7 +5258,7 @@ function CalendarIcon({
|
|
|
5258
5258
|
viewBox: "0 0 24 24",
|
|
5259
5259
|
fill: "none"
|
|
5260
5260
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
5261
|
-
|
|
5261
|
+
clipPath: "url(#clip0_6245_21)"
|
|
5262
5262
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
5263
5263
|
fillRule: "evenodd",
|
|
5264
5264
|
clipRule: "evenodd",
|
|
@@ -6185,7 +6185,7 @@ function MultipleUsersIcon({
|
|
|
6185
6185
|
viewBox: "0 0 16 16",
|
|
6186
6186
|
fill: "none"
|
|
6187
6187
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
6188
|
-
|
|
6188
|
+
clipPath: "url(#clip0_425_1776)"
|
|
6189
6189
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
6190
6190
|
fillRule: "evenodd",
|
|
6191
6191
|
clipRule: "evenodd",
|
|
@@ -6576,7 +6576,7 @@ function StarIcon({
|
|
|
6576
6576
|
viewBox: "0 0 24 24",
|
|
6577
6577
|
fill: "none"
|
|
6578
6578
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
6579
|
-
|
|
6579
|
+
clipPath: "url(#clip0_6205_1828)"
|
|
6580
6580
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
6581
6581
|
d: "M18.9 24C18.7 24 18.4 23.9 18.2 23.8L12 20.8L5.8 23.9C5.5 24 5.2 24 4.9 24C4.6 24 4.3 23.9 4.1 23.7C3.9 23.5 3.7 23.3 3.6 23C3.5 22.7 3.5 22.4 3.6 22.1L5.5 15.4L0.5 10.5C0.3 10.2 0.1 9.90001 0 9.60001C0 9.30001 0 9.00001 0.1 8.70001C0.2 8.50001 0.4 8.20001 0.6 8.00001C0.8 7.80001 1.1 7.70001 1.4 7.70001L7.4 7.10001L10.6 0.800006C10.7 0.500006 10.9 0.300006 11.2 0.200006C11.7 -0.0999939 12.3 -0.0999939 12.8 0.200006C13 0.400006 13.2 0.600006 13.4 0.800006L16.6 7.10001L22.6 7.70001C22.9 7.70001 23.2 7.80001 23.4 8.00001C23.6 8.20001 23.8 8.40001 23.9 8.70001C24 9.00001 24 9.30001 24 9.60001C23.9 9.90001 23.8 10.2 23.6 10.4L18.6 15.3L20.4 22C20.5 22.3 20.5 22.6 20.4 22.9C20.3 23.2 20.1 23.4 19.9 23.6C19.7 23.8 19.4 23.9 19.1 23.9C19 24 19 24 18.9 24ZM12 19.2C12.1 19.2 12.2 19.2 12.3 19.3L18.8 22.5L19.6 22.2L19 22.4L17 15.3C16.9 15 17 14.8 17.2 14.6L22.5 9.30001V9.20001L16 8.60001C15.7 8.60001 15.5 8.40001 15.4 8.20001L12.1 1.60001L8.6 8.20001C8.5 8.40001 8.3 8.50001 8 8.60001L1.6 9.20001V9.30001L6.9 14.6C7 14.7 7.1 15 7 15.3L5 22.4L5.1 22.5L11.6 19.3C11.8 19.2 11.9 19.2 12 19.2Z",
|
|
6582
6582
|
fill: fill
|
|
@@ -7147,7 +7147,7 @@ const TextForButton = ({
|
|
|
7147
7147
|
}), text);
|
|
7148
7148
|
};
|
|
7149
7149
|
|
|
7150
|
-
var css_248z$5 = ".Button-modules_button__sRnp1{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.Button-modules_button_primary__H-HCf{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_primary__H-HCf:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.Button-modules_button_primary__H-HCf:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.Button-modules_button_primary__H-HCf:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_primary__H-HCf p{color:#fff!important}.Button-modules_button_primary__H-HCf svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_secondary__qlR87{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:disabled{background:
|
|
7150
|
+
var css_248z$5 = ".Button-modules_button__sRnp1{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.Button-modules_button_primary__H-HCf{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_primary__H-HCf:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.Button-modules_button_primary__H-HCf:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.Button-modules_button_primary__H-HCf:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_primary__H-HCf p{color:#fff!important}.Button-modules_button_primary__H-HCf svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_secondary__qlR87{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__qlR87:disabled{background:transparent;border:1px solid var(--Color-Neutral-Dark-Shades-500,#96989a);opacity:.5}.Button-modules_button_secondary__qlR87:disabled p{color:#96989a!important}.Button-modules_button_secondary__qlR87:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_secondary__qlR87 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_secondary__qlR87 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__aBxX8{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__aBxX8:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_tertiary__aBxX8:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_tertiary__aBxX8:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__aBxX8:disabled p{color:#96989a!important}.Button-modules_button_tertiary__aBxX8:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_tertiary__aBxX8 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__aBxX8 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary_alt__Ve3aw{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__Ve3aw:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.Button-modules_button_tertiary_alt__Ve3aw:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.Button-modules_button_tertiary_alt__Ve3aw:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__Ve3aw:disabled p{color:#99c9ff!important}.Button-modules_button_tertiary_alt__Ve3aw:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.Button-modules_button_tertiary_alt__Ve3aw p{color:#07f!important}.Button-modules_button_tertiary_alt__Ve3aw svg{stroke:#07f!important;fill:#07f!important}.Button-modules_button_alert__yt9Yr{background:transparent;border:1px solid transparent}.Button-modules_button_alert__yt9Yr:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.Button-modules_button_alert__yt9Yr:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.Button-modules_button_alert__yt9Yr:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_alert__yt9Yr:disabled p{color:#fbb7b7!important}.Button-modules_button_alert__yt9Yr:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.Button-modules_button_alert__yt9Yr p{color:#f54c4c!important}.Button-modules_button_alert__yt9Yr svg{stroke:#f54c4c!important;fill:#f54c4c!important}.Button-modules_button_success__vQC8w{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.Button-modules_button_success__vQC8w:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.Button-modules_button_success__vQC8w:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Button-modules_button_success__vQC8w:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.Button-modules_button_success__vQC8w p{color:#fff!important}.Button-modules_button_success__vQC8w svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_sm__uB5fx{border-radius:.375rem;padding:0 1rem}.Button-modules_button_sm__uB5fx svg{height:.75rem;width:.75rem}.Button-modules_button_base__SytaD{border-radius:.5rem;padding:.25rem 1rem}.Button-modules_button_base__SytaD svg{height:1rem;width:1rem}.Button-modules_button_lg__n22vb{border-radius:.5rem;padding:.25rem 1.25rem .375rem}.Button-modules_button_lg__n22vb svg{height:1.25rem;width:1.25rem}";
|
|
7151
7151
|
var styles$5 = {"button":"Button-modules_button__sRnp1","button_primary":"Button-modules_button_primary__H-HCf","button_secondary":"Button-modules_button_secondary__qlR87","button_tertiary":"Button-modules_button_tertiary__aBxX8","button_tertiary_alt":"Button-modules_button_tertiary_alt__Ve3aw","button_alert":"Button-modules_button_alert__yt9Yr","button_success":"Button-modules_button_success__vQC8w","button_sm":"Button-modules_button_sm__uB5fx","button_base":"Button-modules_button_base__SytaD","button_lg":"Button-modules_button_lg__n22vb"};
|
|
7152
7152
|
styleInject(css_248z$5);
|
|
7153
7153
|
|
|
@@ -9905,7 +9905,7 @@ const TabsUnderline = ({
|
|
|
9905
9905
|
})));
|
|
9906
9906
|
};
|
|
9907
9907
|
|
|
9908
|
-
var css_248z$F = ".Tag-modules_tag__H7-4Y{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .
|
|
9908
|
+
var css_248z$F = ".Tag-modules_tag__H7-4Y{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag_idle__Fq6m8{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__Fq6m8 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__aMPRZ{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__aMPRZ svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_success__2LvMD{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__2LvMD svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__AIt1v{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__AIt1v svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__LQoYS{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__LQoYS svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__6woOo{height:1.25rem}.Tag-modules_tag_sm__6woOo svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__NFJol{height:1.75rem}.Tag-modules_tag_base__NFJol svg{height:1rem;width:1rem}";
|
|
9909
9909
|
var styles$F = {"tag":"Tag-modules_tag__H7-4Y","tag_idle":"Tag-modules_tag_idle__Fq6m8","tag_info":"Tag-modules_tag_info__aMPRZ","tag_success":"Tag-modules_tag_success__2LvMD","tag_warning":"Tag-modules_tag_warning__AIt1v","tag_critical":"Tag-modules_tag_critical__LQoYS","tag_sm":"Tag-modules_tag_sm__6woOo","tag_base":"Tag-modules_tag_base__NFJol"};
|
|
9910
9910
|
styleInject(css_248z$F);
|
|
9911
9911
|
|
|
@@ -9916,6 +9916,7 @@ const Tag = ({
|
|
|
9916
9916
|
size = 'base',
|
|
9917
9917
|
iconLeft,
|
|
9918
9918
|
iconRight,
|
|
9919
|
+
amountNumber,
|
|
9919
9920
|
className,
|
|
9920
9921
|
...props
|
|
9921
9922
|
}) => {
|
|
@@ -9945,6 +9946,11 @@ const Tag = ({
|
|
|
9945
9946
|
size: getTextSize(),
|
|
9946
9947
|
text: text,
|
|
9947
9948
|
color: getStatusColor()
|
|
9949
|
+
}), amountNumber && /*#__PURE__*/React__default.createElement(Text, {
|
|
9950
|
+
text: `${amountNumber}`,
|
|
9951
|
+
weight: "bold",
|
|
9952
|
+
size: getTextSize(),
|
|
9953
|
+
color: getStatusColor()
|
|
9948
9954
|
}), iconRight && iconRight);
|
|
9949
9955
|
};
|
|
9950
9956
|
|