@marianmeres/stuic 3.74.0 → 3.75.0
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.
|
@@ -7,6 +7,12 @@
|
|
|
7
7
|
:root {
|
|
8
8
|
--stuic-dismissible-message-padding-x: calc(var(--spacing) * 4);
|
|
9
9
|
--stuic-dismissible-message-padding-y: calc(var(--spacing) * 3);
|
|
10
|
+
--stuic-dismissible-x-padding: calc(var(--spacing) * 1);
|
|
11
|
+
--stuic-dismissible-x-bg-hover: rgb(0 0 0 / 0.1);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:root.dark {
|
|
15
|
+
--stuic-dismissible-x-bg-hover: rgb(255 255 255 / 0.05);
|
|
10
16
|
}
|
|
11
17
|
|
|
12
18
|
@layer components {
|
|
@@ -17,7 +23,10 @@
|
|
|
17
23
|
.stuic-dismissible-message {
|
|
18
24
|
display: flex;
|
|
19
25
|
align-items: center;
|
|
20
|
-
border-width: var(
|
|
26
|
+
border-width: var(
|
|
27
|
+
--stuic-dismissible-message-border-width,
|
|
28
|
+
var(--stuic-border-width)
|
|
29
|
+
);
|
|
21
30
|
border-style: solid;
|
|
22
31
|
border-radius: var(--stuic-dismissible-message-radius, var(--stuic-radius));
|
|
23
32
|
transition:
|
|
@@ -58,12 +67,14 @@
|
|
|
58
67
|
display: flex;
|
|
59
68
|
align-items: center;
|
|
60
69
|
justify-content: center;
|
|
61
|
-
padding:
|
|
70
|
+
padding: var(--stuic-dismissible-x-padding);
|
|
62
71
|
}
|
|
63
72
|
|
|
64
73
|
/* Dismiss button inherits message text color */
|
|
65
74
|
.stuic-dismissible-message > .dismiss .stuic-button {
|
|
66
75
|
color: var(--_text);
|
|
76
|
+
--_bg-hover: var(--stuic-dismissible-x-bg-hover);
|
|
77
|
+
--_bg-active: var(--stuic-dismissible-x-bg-hover);
|
|
67
78
|
}
|
|
68
79
|
|
|
69
80
|
/* =============================================================================
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
|
|
158
158
|
<form bind:this={el} class={_class} use:onSubmitValidityCheck {...rest}>
|
|
159
159
|
<!-- General error alert -->
|
|
160
|
-
<DismissibleMessage message={error} intent="destructive"
|
|
160
|
+
<DismissibleMessage message={error} intent="destructive" />
|
|
161
161
|
|
|
162
162
|
<!--
|
|
163
163
|
svelte-ignore binding_property_non_reactive:
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
|
|
194
194
|
<form bind:this={el} class={_class} use:onSubmitValidityCheck {...rest}>
|
|
195
195
|
<!-- General error alert -->
|
|
196
|
-
<DismissibleMessage message={error} intent="destructive"
|
|
196
|
+
<DismissibleMessage message={error} intent="destructive" />
|
|
197
197
|
|
|
198
198
|
<!-- Top-position extra fields -->
|
|
199
199
|
{#each topFields as cfg (cfg.name)}
|