@addsign/moje-agenda-shared-lib 0.0.33 → 0.0.34
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/assets/tailwind.css
CHANGED
|
@@ -1011,6 +1011,9 @@ video {
|
|
|
1011
1011
|
.border-transparent {
|
|
1012
1012
|
border-color: transparent;
|
|
1013
1013
|
}
|
|
1014
|
+
.\!bg-danger {
|
|
1015
|
+
background-color: var(--color-danger) !important;
|
|
1016
|
+
}
|
|
1014
1017
|
.\!bg-gray-500 {
|
|
1015
1018
|
--tw-bg-opacity: 1 !important;
|
|
1016
1019
|
background-color: rgb(107 114 128 / var(--tw-bg-opacity)) !important;
|
|
@@ -6,7 +6,7 @@ const buttonStyles = {
|
|
|
6
6
|
secondary: "!bg-white text-gray-800 hover:bg-gray-100 rounded-lg border border-gray-300 shadow whitespace-nowrap font-medium disabled:opacity-50",
|
|
7
7
|
transparent: "!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 rounded-lg text-primary font-medium text-gray-800 w-fit disabled:opacity-50",
|
|
8
8
|
success: "!bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50",
|
|
9
|
-
danger: "!bg-
|
|
9
|
+
danger: "!bg-danger text-white rounded-lg disabled:opacity-50",
|
|
10
10
|
icon: "text-primary font-medium rounded-full text-sm text-center inline-flex items-center ml-4 h-full disabled:opacity-50"
|
|
11
11
|
};
|
|
12
12
|
const Button = ({
|
|
@@ -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\n\r\ntype ButtonVariant =\r\n | \"primary\"\r\n | \"secondary\"\r\n | \"transparent\"\r\n | \"success\"\r\n | \"danger\"\r\n | \"icon\";\r\n\r\ninterface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: ButtonVariant;\r\n}\r\nconst commonStyles = \" py-2 px-4 leading-[25px] \";\r\nconst buttonStyles: { [key in ButtonVariant]: string } = {\r\n primary:\r\n \"!bg-primary text-gray-100 hover:bg-gray w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50\",\r\n secondary:\r\n \"!bg-white text-gray-800 hover:bg-gray-100 rounded-lg border border-gray-300 shadow whitespace-nowrap font-medium disabled:opacity-50\",\r\n transparent:\r\n \"!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 rounded-lg text-primary font-medium text-gray-800 w-fit disabled:opacity-50\",\r\n success:\r\n \"!bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50\",\r\n danger
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../lib/components/Button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport \"../css/tailwind.css\";\r\n\r\ntype ButtonVariant =\r\n | \"primary\"\r\n | \"secondary\"\r\n | \"transparent\"\r\n | \"success\"\r\n | \"danger\"\r\n | \"icon\";\r\n\r\ninterface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: ButtonVariant;\r\n}\r\nconst commonStyles = \" py-2 px-4 leading-[25px] \";\r\nconst buttonStyles: { [key in ButtonVariant]: string } = {\r\n primary:\r\n \"!bg-primary text-gray-100 hover:bg-gray w-fit rounded-lg whitespace-nowrap font-medium disabled:opacity-50\",\r\n secondary:\r\n \"!bg-white text-gray-800 hover:bg-gray-100 rounded-lg border border-gray-300 shadow whitespace-nowrap font-medium disabled:opacity-50\",\r\n transparent:\r\n \"!bg-transparent border border-transparent hover:bg-gray-100 hover:border-gray-200 rounded-lg text-primary font-medium text-gray-800 w-fit disabled:opacity-50\",\r\n success:\r\n \"!bg-gray-500 hover:bg-gray-700 text-white rounded-lg disabled:opacity-50\",\r\n danger: \"!bg-danger text-white rounded-lg disabled:opacity-50\",\r\n icon: \"text-primary font-medium rounded-full text-sm text-center inline-flex items-center ml-4 h-full disabled:opacity-50\",\r\n};\r\nconst Button: React.FC<IButtonProps> = ({\r\n variant = \"primary\",\r\n children,\r\n onClick,\r\n className,\r\n ...props\r\n}) => {\r\n const classNames = commonStyles + buttonStyles[variant];\r\n\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 </button>\r\n );\r\n};\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":";;AAcA,MAAM,eAAe;AACrB,MAAM,eAAmD;AAAA,EACvD,SACE;AAAA,EACF,WACE;AAAA,EACF,aACE;AAAA,EACF,SACE;AAAA,EACF,QAAQ;AAAA,EACR,MAAM;AACR;AACA,MAAM,SAAiC,CAAC;AAAA,EACtC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,aAAa,eAAe,aAAa,OAAO;AAGpD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAa,OAAO,aAAa;AAAA,MAC5C;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|