@optigrit/optigrit-ui 0.0.6 → 0.0.7
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/components/index.js +14 -14
- package/package.json +1 -1
package/dist/components/index.js
CHANGED
|
@@ -24,12 +24,12 @@ import {
|
|
|
24
24
|
var getVariantClasses = (variant, color) => {
|
|
25
25
|
const styles = {
|
|
26
26
|
contained: {
|
|
27
|
-
primary: "bg-primary text-
|
|
28
|
-
secondary: "bg-secondary text-
|
|
29
|
-
error: "bg-error text-
|
|
30
|
-
success: "bg-success text-
|
|
31
|
-
warning: "bg-warning text-
|
|
32
|
-
info: "bg-info text-
|
|
27
|
+
primary: "bg-primary text-white shadow-sm hover:shadow",
|
|
28
|
+
secondary: "bg-primary-secondary text-white shadow-sm hover:shadow",
|
|
29
|
+
error: "bg-error text-white shadow-sm hover:shadow",
|
|
30
|
+
success: "bg-success text-white shadow-sm hover:shadow",
|
|
31
|
+
warning: "bg-warning text-white shadow-sm hover:shadow",
|
|
32
|
+
info: "bg-info text-white shadow-sm hover:shadow"
|
|
33
33
|
},
|
|
34
34
|
outlined: {
|
|
35
35
|
primary: "border border-[color-mix(in_srgb,var(--primary-main)_50%,transparent)] text-primary hover:border-primary hover:bg-[color-mix(in_srgb,var(--primary-main)_4%,transparent)]",
|
|
@@ -40,16 +40,16 @@ var getVariantClasses = (variant, color) => {
|
|
|
40
40
|
info: "border border-[color-mix(in_srgb,var(--info-main)_50%,transparent)] text-info hover:border-info hover:bg-[color-mix(in_srgb,var(--info-main)_4%,transparent)]"
|
|
41
41
|
},
|
|
42
42
|
soft: {
|
|
43
|
-
primary: "bg-[color-mix(in_srgb,var(--primary
|
|
44
|
-
secondary: "bg-[color-mix(in_srgb,var(--secondary
|
|
45
|
-
error: "bg-[color-mix(in_srgb,var(--error
|
|
46
|
-
success: "bg-[color-mix(in_srgb,var(--success
|
|
47
|
-
warning: "bg-[color-mix(in_srgb,var(--warning
|
|
48
|
-
info: "bg-[color-mix(in_srgb,var(--info
|
|
43
|
+
primary: "bg-[color-mix(in_srgb,var(--primary)_10%,transparent)] text-primary hover:bg-[color-mix(in_srgb,var(--primary)_15%,transparent)]",
|
|
44
|
+
secondary: "bg-[color-mix(in_srgb,var(--primary-secondary)_10%,transparent)] text-secondary hover:bg-[color-mix(in_srgb,var(--primary-secondary)_15%,transparent)]",
|
|
45
|
+
error: "bg-[color-mix(in_srgb,var(--error)_10%,transparent)] text-error hover:bg-[color-mix(in_srgb,var(--error)_15%,transparent)]",
|
|
46
|
+
success: "bg-[color-mix(in_srgb,var(--success)_10%,transparent)] text-success hover:bg-[color-mix(in_srgb,var(--success)_15%,transparent)]",
|
|
47
|
+
warning: "bg-[color-mix(in_srgb,var(--warning)_10%,transparent)] text-warning hover:bg-[color-mix(in_srgb,var(--warning)_15%,transparent)]",
|
|
48
|
+
info: "bg-[color-mix(in_srgb,var(--info)_10%,transparent)] text-info hover:bg-[color-mix(in_srgb,var(--info)_15%,transparent)]"
|
|
49
49
|
},
|
|
50
50
|
text: {
|
|
51
|
-
primary: "text-primary hover:bg-[color-mix(in_srgb,var(--primary
|
|
52
|
-
secondary: "text-secondary hover:bg-[color-mix(in_srgb,var(--secondary
|
|
51
|
+
primary: "text-primary hover:bg-[color-mix(in_srgb,var(--primary)_4%,transparent)]",
|
|
52
|
+
secondary: "text-secondary hover:bg-[color-mix(in_srgb,var(--secondary)_4%,transparent)]",
|
|
53
53
|
error: "text-error hover:bg-[color-mix(in_srgb,var(--error-main)_4%,transparent)]",
|
|
54
54
|
success: "text-success hover:bg-[color-mix(in_srgb,var(--success-main)_4%,transparent)]",
|
|
55
55
|
warning: "text-warning hover:bg-[color-mix(in_srgb,var(--warning-main)_4%,transparent)]",
|