odaptos_design_system 2.0.233 → 2.0.235
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/Buttons/Button.d.ts +1 -1
- package/dist/Organisms/TextInput/TextInput.d.ts +1 -1
- package/dist/odaptos_design_system.cjs.development.js +4 -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 +4 -4
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Buttons/Button.modules.scss +30 -0
- package/src/Atoms/Buttons/Button.tsx +2 -0
- package/src/Organisms/TextInput/TextInput.tsx +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
3
|
-
variant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'upsell' | 'alert' | 'success';
|
|
3
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'tertiary-alt' | 'upsell' | 'alert' | 'success';
|
|
4
4
|
size?: 'sm' | 'base' | 'lg';
|
|
5
5
|
customBackground?: string;
|
|
6
6
|
iconLeft?: JSX.Element;
|
|
@@ -14,7 +14,7 @@ interface InputProps {
|
|
|
14
14
|
value: string | number;
|
|
15
15
|
onChange: (event: any) => void;
|
|
16
16
|
onBlur?: (event: any) => void;
|
|
17
|
-
onKeyDown?: () => void;
|
|
17
|
+
onKeyDown?: (event: any) => void;
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
type?: 'number' | 'text' | 'password';
|
|
20
20
|
id?: string;
|
|
@@ -17705,8 +17705,8 @@ const Box = ({
|
|
|
17705
17705
|
})))), children);
|
|
17706
17706
|
};
|
|
17707
17707
|
|
|
17708
|
-
var css_248z$7 = ".Button-modules_button__Y2x6B{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.Button-modules_button_primary__wCKys{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_primary__wCKys:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.Button-modules_button_primary__wCKys:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.Button-modules_button_primary__wCKys:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_primary__wCKys p{color:#fff!important}.Button-modules_button_primary__wCKys svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_secondary__nk4au{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:hover{background:rgba(50,53,58,.082);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:active{background:rgba(50,53,58,.125);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:disabled{background:transparent;border:1px solid var(--Color-Neutral-Dark-Shades-500,#96989a);opacity:.5}.Button-modules_button_secondary__nk4au:disabled p{color:#96989a!important}.Button-modules_button_secondary__nk4au:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_secondary__nk4au p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_secondary__nk4au svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__2Xap8{background-color:transparent;border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:hover{background:rgba(50,53,58,.082);border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:active{background:rgba(50,53,58,.125);border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:disabled p{color:#96989a!important}.Button-modules_button_tertiary__2Xap8:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_tertiary__2Xap8 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__2Xap8 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_upsell__MMmq1{background:var(--Color-Gradients-003,linear-gradient(135deg,#07f 0,#9024f6 98.4%));border:none}.Button-modules_button_upsell__MMmq1:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_upsell__MMmq1 p{color:var(--Color-Neutral-Basics-White,#fff)!important}.Button-modules_button_upsell__MMmq1 svg{stroke:#e1e1e2!important;fill:#e1e1e2!important}.Button-modules_button_tertiary_alt__AU4Yu{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__AU4Yu:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.Button-modules_button_tertiary_alt__AU4Yu:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.Button-modules_button_tertiary_alt__AU4Yu:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__AU4Yu:disabled p{color:#99c9ff!important}.Button-modules_button_tertiary_alt__AU4Yu:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.Button-modules_button_tertiary_alt__AU4Yu p{color:#07f!important}.Button-modules_button_tertiary_alt__AU4Yu svg{stroke:#07f!important;fill:#07f!important}.Button-modules_button_alert__StmND{background:transparent;border:1px solid transparent}.Button-modules_button_alert__StmND:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.Button-modules_button_alert__StmND:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.Button-modules_button_alert__StmND:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_alert__StmND:disabled p{color:#fbb7b7!important}.Button-modules_button_alert__StmND:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.Button-modules_button_alert__StmND p{color:#f54c4c!important}.Button-modules_button_alert__StmND svg{stroke:#f54c4c!important;fill:#f54c4c!important}.Button-modules_button_success__2-TND{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.Button-modules_button_success__2-TND:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.Button-modules_button_success__2-TND:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Button-modules_button_success__2-TND:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.Button-modules_button_success__2-TND p{color:#fff!important}.Button-modules_button_success__2-TND svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_sm__rxApB{border-radius:.375rem;padding:0 1rem}.Button-modules_button_sm__rxApB svg{height:.75rem;width:.75rem}.Button-modules_button_base__3NbJs{border-radius:.5rem;padding:.25rem 1rem}.Button-modules_button_base__3NbJs svg{height:1rem;width:1rem}.Button-modules_button_lg__Gkerl{border-radius:.5rem;padding:.25rem 1.25rem .375rem}.Button-modules_button_lg__Gkerl svg{height:1.25rem;width:1.25rem}";
|
|
17709
|
-
var styles$7 = {"button":"Button-modules_button__Y2x6B","button_primary":"Button-modules_button_primary__wCKys","button_secondary":"Button-modules_button_secondary__nk4au","button_tertiary":"Button-modules_button_tertiary__2Xap8","button_upsell":"Button-modules_button_upsell__MMmq1","button_tertiary_alt":"Button-modules_button_tertiary_alt__AU4Yu","button_alert":"Button-modules_button_alert__StmND","button_success":"Button-modules_button_success__2-TND","button_sm":"Button-modules_button_sm__rxApB","button_base":"Button-modules_button_base__3NbJs","button_lg":"Button-modules_button_lg__Gkerl"};
|
|
17708
|
+
var css_248z$7 = ".Button-modules_button__Y2x6B{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.Button-modules_button_primary__wCKys{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_primary__wCKys:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.Button-modules_button_primary__wCKys:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.Button-modules_button_primary__wCKys:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_primary__wCKys p{color:#fff!important}.Button-modules_button_primary__wCKys svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_secondary__nk4au{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:hover{background:rgba(50,53,58,.082);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:active{background:rgba(50,53,58,.125);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:disabled{background:transparent;border:1px solid var(--Color-Neutral-Dark-Shades-500,#96989a);opacity:.5}.Button-modules_button_secondary__nk4au:disabled p{color:#96989a!important}.Button-modules_button_secondary__nk4au:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_secondary__nk4au p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_secondary__nk4au svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__2Xap8{background-color:transparent;border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:hover{background:rgba(50,53,58,.082);border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:active{background:rgba(50,53,58,.125);border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:disabled p{color:#96989a!important}.Button-modules_button_tertiary__2Xap8:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_tertiary__2Xap8 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__2Xap8 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_quaternary__-J2Mz{background:#f54c4c;border:1px solid #f54c4c}.Button-modules_button_quaternary__-J2Mz:hover{background:#f77070;border:1px solid #f77070}.Button-modules_button_quaternary__-J2Mz:active{background:#c73f3d;border:1px solid #c73f3d}.Button-modules_button_quaternary__-J2Mz:disabled{background:#f77070;border:1px solid #f77070;cursor:not-allowed}.Button-modules_button_quaternary__-J2Mz p{color:#fff!important}.Button-modules_button_quaternary__-J2Mz svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_upsell__MMmq1{background:var(--Color-Gradients-003,linear-gradient(135deg,#07f 0,#9024f6 98.4%));border:none}.Button-modules_button_upsell__MMmq1:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_upsell__MMmq1 p{color:var(--Color-Neutral-Basics-White,#fff)!important}.Button-modules_button_upsell__MMmq1 svg{stroke:#e1e1e2!important;fill:#e1e1e2!important}.Button-modules_button_tertiary_alt__AU4Yu{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__AU4Yu:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.Button-modules_button_tertiary_alt__AU4Yu:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.Button-modules_button_tertiary_alt__AU4Yu:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__AU4Yu:disabled p{color:#99c9ff!important}.Button-modules_button_tertiary_alt__AU4Yu:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.Button-modules_button_tertiary_alt__AU4Yu p{color:#07f!important}.Button-modules_button_tertiary_alt__AU4Yu svg{stroke:#07f!important;fill:#07f!important}.Button-modules_button_alert__StmND{background:transparent;border:1px solid transparent}.Button-modules_button_alert__StmND:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.Button-modules_button_alert__StmND:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.Button-modules_button_alert__StmND:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_alert__StmND:disabled p{color:#fbb7b7!important}.Button-modules_button_alert__StmND:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.Button-modules_button_alert__StmND p{color:#f54c4c!important}.Button-modules_button_alert__StmND svg{stroke:#f54c4c!important;fill:#f54c4c!important}.Button-modules_button_success__2-TND{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.Button-modules_button_success__2-TND:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.Button-modules_button_success__2-TND:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Button-modules_button_success__2-TND:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.Button-modules_button_success__2-TND p{color:#fff!important}.Button-modules_button_success__2-TND svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_sm__rxApB{border-radius:.375rem;padding:0 1rem}.Button-modules_button_sm__rxApB svg{height:.75rem;width:.75rem}.Button-modules_button_base__3NbJs{border-radius:.5rem;padding:.25rem 1rem}.Button-modules_button_base__3NbJs svg{height:1rem;width:1rem}.Button-modules_button_lg__Gkerl{border-radius:.5rem;padding:.25rem 1.25rem .375rem}.Button-modules_button_lg__Gkerl svg{height:1.25rem;width:1.25rem}";
|
|
17709
|
+
var styles$7 = {"button":"Button-modules_button__Y2x6B","button_primary":"Button-modules_button_primary__wCKys","button_secondary":"Button-modules_button_secondary__nk4au","button_tertiary":"Button-modules_button_tertiary__2Xap8","button_quaternary":"Button-modules_button_quaternary__-J2Mz","button_upsell":"Button-modules_button_upsell__MMmq1","button_tertiary_alt":"Button-modules_button_tertiary_alt__AU4Yu","button_alert":"Button-modules_button_alert__StmND","button_success":"Button-modules_button_success__2-TND","button_sm":"Button-modules_button_sm__rxApB","button_base":"Button-modules_button_base__3NbJs","button_lg":"Button-modules_button_lg__Gkerl"};
|
|
17710
17710
|
styleInject(css_248z$7);
|
|
17711
17711
|
|
|
17712
17712
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -17724,7 +17724,7 @@ const Button = ({
|
|
|
17724
17724
|
...props
|
|
17725
17725
|
}) => {
|
|
17726
17726
|
const getStylesByVariant = () => {
|
|
17727
|
-
if (variant === 'primary') return styles$7.button_primary;else if (variant === 'secondary') return styles$7.button_secondary;else if (variant === 'tertiary') return styles$7.button_tertiary;else if (variant === 'tertiary-alt') return styles$7.button_tertiary_alt;else if (variant === 'alert') return styles$7.button_alert;else if (variant === 'success') return styles$7.button_success;else if (variant === 'upsell') return styles$7.button_upsell;else return styles$7.button_primary;
|
|
17727
|
+
if (variant === 'primary') return styles$7.button_primary;else if (variant === 'secondary') return styles$7.button_secondary;else if (variant === 'tertiary') return styles$7.button_tertiary;else if (variant === 'quaternary') return styles$7.button_quaternary;else if (variant === 'tertiary-alt') return styles$7.button_tertiary_alt;else if (variant === 'alert') return styles$7.button_alert;else if (variant === 'success') return styles$7.button_success;else if (variant === 'upsell') return styles$7.button_upsell;else return styles$7.button_primary;
|
|
17728
17728
|
};
|
|
17729
17729
|
const getStylesBySize = () => {
|
|
17730
17730
|
if (size === 'sm') return styles$7.button_sm;else if (size === 'base') return styles$7.button_base;else if (size === 'lg') return styles$7.button_lg;else return styles$7.button_base;
|
|
@@ -96559,7 +96559,7 @@ const TextInput = props => {
|
|
|
96559
96559
|
}, 0);
|
|
96560
96560
|
} else if (onKeyDown) {
|
|
96561
96561
|
e.preventDefault();
|
|
96562
|
-
onKeyDown();
|
|
96562
|
+
onKeyDown(e);
|
|
96563
96563
|
}
|
|
96564
96564
|
}
|
|
96565
96565
|
};
|