@addsign/moje-agenda-shared-lib 2.0.8 → 2.0.10
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import "../tailwind-l0sNRNKZ.js";
|
|
3
3
|
import Spinner from "./Spinner.js";
|
|
4
|
-
const commonStyles = " py-1 px-4 leading-[32px] min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 ";
|
|
4
|
+
const commonStyles = " py-1 px-4 leading-[32px] min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 flex items-center gap-2 ";
|
|
5
5
|
const buttonStyles = {
|
|
6
6
|
primary: "!bg-primary hover:!bg-primary-hover text-primary-text ",
|
|
7
7
|
secondary: "!bg-secondary hover:!bg-secondary-hover text-secondary-text border border-secondary-border ",
|
|
@@ -19,7 +19,7 @@ const Button = ({
|
|
|
19
19
|
className,
|
|
20
20
|
...props
|
|
21
21
|
}) => {
|
|
22
|
-
const classNames = commonStyles + buttonStyles[variant];
|
|
22
|
+
const classNames = commonStyles + " " + buttonStyles[variant];
|
|
23
23
|
return /* @__PURE__ */ jsxs(
|
|
24
24
|
"button",
|
|
25
25
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../lib/components/Button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport \"../css/tailwind.css\";\r\nimport Spinner from \"./Spinner\";\r\n\r\ntype ButtonVariant =\r\n | \"primary\"\r\n | \"secondary\"\r\n | \"transparent\"\r\n | \"success\"\r\n | \"danger\"\r\n | \"warning\"\r\n | \"icon\";\r\n\r\ninterface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: ButtonVariant;\r\n isLoading?: boolean;\r\n}\r\nconst commonStyles =\r\n \" py-1 px-4 leading-[32px] min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 \";\r\nconst buttonStyles: { [key in ButtonVariant]: string } = {\r\n primary: \"!bg-primary hover:!bg-primary-hover text-primary-text \",\r\n secondary:\r\n \"!bg-secondary hover:!bg-secondary-hover text-secondary-text border border-secondary-border \",\r\n transparent:\r\n \"!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 \",\r\n success: \"!bg-success hover:!bg-success-hover text-success-text \",\r\n danger: \"!bg-danger hover:!bg-danger-hover text-danger-text \",\r\n warning:\r\n \"!bg-warning hover:!bg-warning-hover text-warning-text border border-warning-border\",\r\n icon: \" !rounded-full text-center inline-flex items-center \",\r\n};\r\nconst Button: React.FC<IButtonProps> = ({\r\n variant = \"primary\",\r\n isLoading = false,\r\n children,\r\n onClick,\r\n className,\r\n ...props\r\n}) => {\r\n const classNames = commonStyles + buttonStyles[variant];\r\n return (\r\n <button\r\n className={classNames + \" \" + (className || \" sharedLibraryource \")}\r\n onClick={onClick}\r\n {...props}\r\n >\r\n {children}\r\n {isLoading && (\r\n <span className=\"ml-2 inline-flex \">\r\n <Spinner />{\" \"}\r\n </span>\r\n )}\r\n </button>\r\n );\r\n};\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":";;;AAiBA,MAAM,eACJ;AACF,MAAM,eAAmD;AAAA,EACvD,SAAS;AAAA,EACT,WACE;AAAA,EACF,aACE;AAAA,EACF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SACE;AAAA,EACF,MAAM;AACR;AACA,MAAM,SAAiC,CAAC;AAAA,EACtC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../lib/components/Button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport \"../css/tailwind.css\";\r\nimport Spinner from \"./Spinner\";\r\n\r\ntype ButtonVariant =\r\n | \"primary\"\r\n | \"secondary\"\r\n | \"transparent\"\r\n | \"success\"\r\n | \"danger\"\r\n | \"warning\"\r\n | \"icon\";\r\n\r\ninterface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: ButtonVariant;\r\n isLoading?: boolean;\r\n}\r\nconst commonStyles =\r\n \" py-1 px-4 leading-[32px] min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 flex items-center gap-2 \";\r\nconst buttonStyles: { [key in ButtonVariant]: string } = {\r\n primary: \"!bg-primary hover:!bg-primary-hover text-primary-text \",\r\n secondary:\r\n \"!bg-secondary hover:!bg-secondary-hover text-secondary-text border border-secondary-border \",\r\n transparent:\r\n \"!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 \",\r\n success: \"!bg-success hover:!bg-success-hover text-success-text \",\r\n danger: \"!bg-danger hover:!bg-danger-hover text-danger-text \",\r\n warning:\r\n \"!bg-warning hover:!bg-warning-hover text-warning-text border border-warning-border\",\r\n icon: \" !rounded-full text-center inline-flex items-center \",\r\n};\r\nconst Button: React.FC<IButtonProps> = ({\r\n variant = \"primary\",\r\n isLoading = false,\r\n children,\r\n onClick,\r\n className,\r\n ...props\r\n}) => {\r\n const classNames = commonStyles + \" \" + buttonStyles[variant];\r\n return (\r\n <button\r\n className={classNames + \" \" + (className || \" sharedLibraryource \")}\r\n onClick={onClick}\r\n {...props}\r\n >\r\n {children}\r\n {isLoading && (\r\n <span className=\"ml-2 inline-flex \">\r\n <Spinner />{\" \"}\r\n </span>\r\n )}\r\n </button>\r\n );\r\n};\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":";;;AAiBA,MAAM,eACJ;AACF,MAAM,eAAmD;AAAA,EACvD,SAAS;AAAA,EACT,WACE;AAAA,EACF,aACE;AAAA,EACF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SACE;AAAA,EACF,MAAM;AACR;AACA,MAAM,SAAiC,CAAC;AAAA,EACtC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,eAAe,MAAM,aAAa,OAAO;AAE1D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAa,OAAO,aAAa;AAAA,MAC5C;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,aACC,qBAAC,QAAK,EAAA,WAAU,qBACd,UAAA;AAAA,UAAA,oBAAC,SAAQ,EAAA;AAAA,UAAG;AAAA,QAAA,GACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|
|
@@ -16,7 +16,7 @@ interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
16
16
|
isLoading?: boolean;
|
|
17
17
|
}
|
|
18
18
|
const commonStyles =
|
|
19
|
-
" py-1 px-4 leading-[32px] min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 ";
|
|
19
|
+
" py-1 px-4 leading-[32px] min-h-[32px] w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50 flex items-center gap-2 ";
|
|
20
20
|
const buttonStyles: { [key in ButtonVariant]: string } = {
|
|
21
21
|
primary: "!bg-primary hover:!bg-primary-hover text-primary-text ",
|
|
22
22
|
secondary:
|
|
@@ -37,7 +37,7 @@ const Button: React.FC<IButtonProps> = ({
|
|
|
37
37
|
className,
|
|
38
38
|
...props
|
|
39
39
|
}) => {
|
|
40
|
-
const classNames = commonStyles + buttonStyles[variant];
|
|
40
|
+
const classNames = commonStyles + " " + buttonStyles[variant];
|
|
41
41
|
return (
|
|
42
42
|
<button
|
|
43
43
|
className={classNames + " " + (className || " sharedLibraryource ")}
|