mainstack-design-system 1.3.4 → 1.3.5
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.
|
@@ -5,39 +5,39 @@
|
|
|
5
5
|
hover:bg-content-special-hover hover:shadow-special-button-hover
|
|
6
6
|
|
|
7
7
|
active:bg-content-special active:ring-3 active:shadow-special-button-pressed active:ring-border-surface-spread-neutral
|
|
8
|
-
disabled:bg-none disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`bg-primary text-on-primary
|
|
8
|
+
disabled:bg-none disabled:border-none disabled:cursor-none disabled:pointer-events-none disabled:shadow-none disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`bg-primary text-on-primary
|
|
9
9
|
hover:bg-interactive-primary-hover
|
|
10
10
|
|
|
11
11
|
active:bg-interactive-primary-pressed active:ring-3 active:ring-border-surface-spread-neutral
|
|
12
|
-
disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"secondary",class:`bg-interactive-secondary text-on-secondary
|
|
12
|
+
disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"default",variant:"secondary",class:`bg-interactive-secondary text-on-secondary
|
|
13
13
|
hover:bg-interactive-secondary-hover
|
|
14
14
|
|
|
15
15
|
active:bg-interactive-secondary-pressed active:ring-2 active:ring-border-surface-spread-neutral
|
|
16
|
-
disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"outline",class:`border bg-surface-neutral-l1 border-border-interactive-neutral text-primary
|
|
16
|
+
disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"default",variant:"outline",class:`border bg-surface-neutral-l1 border-border-interactive-neutral text-primary
|
|
17
17
|
hover:bg-interactive-secondary hover:border-interactive-secondary
|
|
18
18
|
focus-visible:border-border-surface-spread-neutral
|
|
19
19
|
active:outline-2 active:ring-offset-2 active:ring-border-surface-spread-neutral active:ring-2 active:outline-border-interactive-neutral-pressed
|
|
20
|
-
disabled:border disabled:border-border-interactive-neutral-disabled disabled:text-on-primary-disabled`},{status:"default",variant:"ghost",class:`bg-transparent
|
|
20
|
+
disabled:border disabled:border-border-interactive-neutral-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"default",variant:"ghost",class:`bg-transparent
|
|
21
21
|
hover:bg-interactive-ghost-hover
|
|
22
22
|
|
|
23
23
|
active:bg-interactive-ghost-pressed active:ring-2 active:ring-border-surface-spread-neutral
|
|
24
|
-
disabled:bg-transparent disabled:text-on-primary-disabled`},{status:"warning",variant:"primary",class:`bg-interactive-warning text-on-warning
|
|
24
|
+
disabled:bg-transparent disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"warning",variant:"primary",class:`bg-interactive-warning text-on-warning
|
|
25
25
|
hover:bg-interactive-warning-hover
|
|
26
26
|
focus-visible:bg-warning focus-visible:shadow-none
|
|
27
27
|
active:bg-surface-warning-invert-l2 active:ring-2 active:ring-border-surface-spread-warning
|
|
28
|
-
disabled:bg-interactive-warning-disabled disabled:text-on-warning-disabled`},{status:"warning",variant:"secondary",class:`bg-surface-warning-l2 text-on-warning-light
|
|
28
|
+
disabled:bg-interactive-warning-disabled disabled:text-on-warning-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"warning",variant:"secondary",class:`bg-surface-warning-l2 text-on-warning-light
|
|
29
29
|
hover:bg-interactive-warning-light-hover
|
|
30
30
|
|
|
31
31
|
active:bg-surface-warning-l4 active:ring-2 active:ring-border-surface-spread-warning
|
|
32
|
-
disabled:bg-interactive-warning-light-disabled disabled:text-on-warning-disabled`},{status:"warning",variant:"outline",class:`border bg-surface-neutral-l1 border-border-interactive-warning text-on-warning-light
|
|
32
|
+
disabled:bg-interactive-warning-light-disabled disabled:text-on-warning-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"warning",variant:"outline",class:`border bg-surface-neutral-l1 border-border-interactive-warning text-on-warning-light
|
|
33
33
|
hover:bg-surface-warning-l2 hover:border-none
|
|
34
34
|
focus-visible:outline-none focus-visible:border-1 focus-visible:border-border-surface-spread-warning
|
|
35
35
|
active:border-2 active:ring-border-surface-spread-warning active:ring-2 active:border-border-interactive-warning-hover
|
|
36
|
-
disabled:border-border-interactive-warning-disabled disabled:text-on-warning-light-disabled`},{status:"warning",variant:"ghost",class:`bg-transparent text-on-warning-light
|
|
36
|
+
disabled:border-border-interactive-warning-disabled disabled:text-on-warning-light-disabled disabled:cursor-none disabled:pointer-events-none`},{status:"warning",variant:"ghost",class:`bg-transparent text-on-warning-light
|
|
37
37
|
hover:bg-surface-warning-l3
|
|
38
38
|
|
|
39
39
|
active:bg-surface-warning-l4 active:ring-2 active:ring-border-surface-spread-warning
|
|
40
|
-
disabled:text-on-warning-light`},{status:"error",variant:"primary",class:`bg-interactive-error text-on-error
|
|
40
|
+
disabled:text-on-warning-light disabled:cursor-none disabled:pointer-events-none`},{status:"error",variant:"primary",class:`bg-interactive-error text-on-error
|
|
41
41
|
hover:bg-interactive-error-hover
|
|
42
42
|
focus-visible:bg-interactive-error-default focus-visible:shadow-none
|
|
43
43
|
active:bg-interactive-error-pressed active:ring-2 active:ring-interactive-error-light-pressed
|
|
@@ -41,7 +41,7 @@ const i = e(
|
|
|
41
41
|
hover:bg-content-special-hover hover:shadow-special-button-hover
|
|
42
42
|
|
|
43
43
|
active:bg-content-special active:ring-3 active:shadow-special-button-pressed active:ring-border-surface-spread-neutral
|
|
44
|
-
disabled:bg-none disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`
|
|
44
|
+
disabled:bg-none disabled:border-none disabled:cursor-none disabled:pointer-events-none disabled:shadow-none disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
status: "default",
|
|
@@ -50,7 +50,7 @@ const i = e(
|
|
|
50
50
|
hover:bg-interactive-primary-hover
|
|
51
51
|
|
|
52
52
|
active:bg-interactive-primary-pressed active:ring-3 active:ring-border-surface-spread-neutral
|
|
53
|
-
disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`
|
|
53
|
+
disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
status: "default",
|
|
@@ -59,7 +59,7 @@ const i = e(
|
|
|
59
59
|
hover:bg-interactive-secondary-hover
|
|
60
60
|
|
|
61
61
|
active:bg-interactive-secondary-pressed active:ring-2 active:ring-border-surface-spread-neutral
|
|
62
|
-
disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled`
|
|
62
|
+
disabled:bg-interactive-primary-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
status: "default",
|
|
@@ -68,7 +68,7 @@ const i = e(
|
|
|
68
68
|
hover:bg-interactive-secondary hover:border-interactive-secondary
|
|
69
69
|
focus-visible:border-border-surface-spread-neutral
|
|
70
70
|
active:outline-2 active:ring-offset-2 active:ring-border-surface-spread-neutral active:ring-2 active:outline-border-interactive-neutral-pressed
|
|
71
|
-
disabled:border disabled:border-border-interactive-neutral-disabled disabled:text-on-primary-disabled`
|
|
71
|
+
disabled:border disabled:border-border-interactive-neutral-disabled disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`
|
|
72
72
|
},
|
|
73
73
|
{
|
|
74
74
|
status: "default",
|
|
@@ -77,7 +77,7 @@ const i = e(
|
|
|
77
77
|
hover:bg-interactive-ghost-hover
|
|
78
78
|
|
|
79
79
|
active:bg-interactive-ghost-pressed active:ring-2 active:ring-border-surface-spread-neutral
|
|
80
|
-
disabled:bg-transparent disabled:text-on-primary-disabled`
|
|
80
|
+
disabled:bg-transparent disabled:text-on-primary-disabled disabled:cursor-none disabled:pointer-events-none`
|
|
81
81
|
},
|
|
82
82
|
// WARNING BUTTONS
|
|
83
83
|
{
|
|
@@ -87,7 +87,7 @@ const i = e(
|
|
|
87
87
|
hover:bg-interactive-warning-hover
|
|
88
88
|
focus-visible:bg-warning focus-visible:shadow-none
|
|
89
89
|
active:bg-surface-warning-invert-l2 active:ring-2 active:ring-border-surface-spread-warning
|
|
90
|
-
disabled:bg-interactive-warning-disabled disabled:text-on-warning-disabled`
|
|
90
|
+
disabled:bg-interactive-warning-disabled disabled:text-on-warning-disabled disabled:cursor-none disabled:pointer-events-none`
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
93
|
status: "warning",
|
|
@@ -96,7 +96,7 @@ const i = e(
|
|
|
96
96
|
hover:bg-interactive-warning-light-hover
|
|
97
97
|
|
|
98
98
|
active:bg-surface-warning-l4 active:ring-2 active:ring-border-surface-spread-warning
|
|
99
|
-
disabled:bg-interactive-warning-light-disabled disabled:text-on-warning-disabled`
|
|
99
|
+
disabled:bg-interactive-warning-light-disabled disabled:text-on-warning-disabled disabled:cursor-none disabled:pointer-events-none`
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
status: "warning",
|
|
@@ -105,7 +105,7 @@ const i = e(
|
|
|
105
105
|
hover:bg-surface-warning-l2 hover:border-none
|
|
106
106
|
focus-visible:outline-none focus-visible:border-1 focus-visible:border-border-surface-spread-warning
|
|
107
107
|
active:border-2 active:ring-border-surface-spread-warning active:ring-2 active:border-border-interactive-warning-hover
|
|
108
|
-
disabled:border-border-interactive-warning-disabled disabled:text-on-warning-light-disabled`
|
|
108
|
+
disabled:border-border-interactive-warning-disabled disabled:text-on-warning-light-disabled disabled:cursor-none disabled:pointer-events-none`
|
|
109
109
|
},
|
|
110
110
|
{
|
|
111
111
|
status: "warning",
|
|
@@ -114,7 +114,7 @@ const i = e(
|
|
|
114
114
|
hover:bg-surface-warning-l3
|
|
115
115
|
|
|
116
116
|
active:bg-surface-warning-l4 active:ring-2 active:ring-border-surface-spread-warning
|
|
117
|
-
disabled:text-on-warning-light`
|
|
117
|
+
disabled:text-on-warning-light disabled:cursor-none disabled:pointer-events-none`
|
|
118
118
|
},
|
|
119
119
|
// ERROR BUTTONS
|
|
120
120
|
{
|