@saasmakers/ui 2.0.73 → 2.0.74
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.
|
@@ -79,8 +79,8 @@ function onClick(event: MouseEvent) {
|
|
|
79
79
|
'cursor-wait': loading,
|
|
80
80
|
'cursor-pointer': !loading,
|
|
81
81
|
'w-full': fullWidth,
|
|
82
|
-
'bg-transparent shadow-none': light,
|
|
83
|
-
'shadow-sm': !light,
|
|
82
|
+
'bg-transparent shadow-none': light && color !== 'gray',
|
|
83
|
+
'shadow-sm': !light || color === 'gray',
|
|
84
84
|
'rounded-lg': shape !== 'circle',
|
|
85
85
|
'rounded-full': shape === 'circle',
|
|
86
86
|
'h-10 w-10': size === 'sm' && hasFixedSize && !confirming,
|
|
@@ -91,7 +91,8 @@ function onClick(event: MouseEvent) {
|
|
|
91
91
|
'border-gray-900 dark:border-gray-100 text-gray-900 dark:text-gray-100': color === 'black' && light,
|
|
92
92
|
'border-gray-800 dark:border-gray-200 bg-gray-800 dark:bg-gray-200 text-white dark:text-black': color === 'gray' && !light,
|
|
93
93
|
'hover:bg-gray-900 dark:hover:bg-gray-100': color === 'gray' && !light && !disabled && !loading,
|
|
94
|
-
'border-gray-
|
|
94
|
+
'border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100': color === 'gray' && light,
|
|
95
|
+
'hover:border-gray-300 dark:hover:border-gray-700': color === 'gray' && light && !disabled && !loading,
|
|
95
96
|
'border-green-800 dark:border-green-200 bg-green-800 dark:bg-green-200 text-white dark:text-black': color === 'green' && !light,
|
|
96
97
|
'hover:bg-green-900 dark:hover:bg-green-100': color === 'green' && !light && !disabled && !loading,
|
|
97
98
|
'border-green-800 dark:border-green-200 text-green-800 dark:text-green-200': color === 'green' && light,
|
|
@@ -107,7 +108,7 @@ function onClick(event: MouseEvent) {
|
|
|
107
108
|
'border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100': color === 'white' && !light,
|
|
108
109
|
'hover:bg-white dark:hover:bg-gray-900': color === 'white' && !light && !disabled && !loading,
|
|
109
110
|
'border-white dark:border-gray-900 text-white dark:text-black': color === 'white' && light,
|
|
110
|
-
'hover:border-black dark:hover:border-white hover:text-black dark:hover:text-white': color !== 'white' && light && !disabled && !loading,
|
|
111
|
+
'hover:border-black dark:hover:border-white hover:text-black dark:hover:text-white': color !== 'gray' && color !== 'white' && light && !disabled && !loading,
|
|
111
112
|
'hover:bg-white dark:hover:bg-gray-900 hover:text-gray-800 dark:hover:text-gray-200': color === 'white' && light && !disabled && !loading,
|
|
112
113
|
'h-10 px-5': size === 'sm' && (!hasFixedSize || confirming),
|
|
113
114
|
'h-12 px-6': size === 'base' && (!hasFixedSize || confirming),
|