@softwareone/spi-sv5-library 1.11.3 → 1.11.4
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.
|
@@ -12,7 +12,23 @@
|
|
|
12
12
|
|
|
13
13
|
{#snippet processingContent()}
|
|
14
14
|
<div class="processing-header">
|
|
15
|
-
<
|
|
15
|
+
<svg
|
|
16
|
+
class="processing-icon"
|
|
17
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
fill="none"
|
|
20
|
+
stroke="url(#processingGradient)"
|
|
21
|
+
stroke-width="2"
|
|
22
|
+
>
|
|
23
|
+
<defs>
|
|
24
|
+
<linearGradient id="processingGradient" x1="1.5%" y1="38%" x2="98.5%" y2="62%">
|
|
25
|
+
<stop offset="0%" stop-color="#472aff" />
|
|
26
|
+
<stop offset="65.86%" stop-color="#392d9c" />
|
|
27
|
+
<stop offset="100%" stop-color="#000000" />
|
|
28
|
+
</linearGradient>
|
|
29
|
+
</defs>
|
|
30
|
+
<path d="M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2" />
|
|
31
|
+
</svg>
|
|
16
32
|
<div class="processing-content">
|
|
17
33
|
<h2 class="processing-title">{title}</h2>
|
|
18
34
|
{#if text}
|
|
@@ -61,11 +77,8 @@
|
|
|
61
77
|
}
|
|
62
78
|
|
|
63
79
|
.processing-icon {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
-webkit-background-clip: text;
|
|
67
|
-
-webkit-text-fill-color: transparent;
|
|
68
|
-
font-size: 32px;
|
|
80
|
+
width: 32px;
|
|
81
|
+
height: 32px;
|
|
69
82
|
animation: rotate 2s linear infinite;
|
|
70
83
|
}
|
|
71
84
|
|
|
@@ -34,7 +34,17 @@
|
|
|
34
34
|
|
|
35
35
|
<div class="search-container" class:disabled>
|
|
36
36
|
<div class="search-wrapper">
|
|
37
|
-
<
|
|
37
|
+
<svg
|
|
38
|
+
class="search-icon"
|
|
39
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
40
|
+
viewBox="0 -960 960 960"
|
|
41
|
+
fill="currentColor"
|
|
42
|
+
aria-hidden="true"
|
|
43
|
+
>
|
|
44
|
+
<path
|
|
45
|
+
d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"
|
|
46
|
+
/>
|
|
47
|
+
</svg>
|
|
38
48
|
<input
|
|
39
49
|
type="search"
|
|
40
50
|
class="search-input"
|
|
@@ -110,12 +120,13 @@
|
|
|
110
120
|
top: 50%;
|
|
111
121
|
transform: translateY(-50%);
|
|
112
122
|
color: #6b7180;
|
|
113
|
-
font-size: 18px;
|
|
114
123
|
}
|
|
115
124
|
|
|
116
125
|
.search-icon {
|
|
117
126
|
left: 12px;
|
|
118
127
|
pointer-events: none;
|
|
128
|
+
width: 18px;
|
|
129
|
+
height: 18px;
|
|
119
130
|
}
|
|
120
131
|
|
|
121
132
|
.clear-button {
|
|
@@ -142,7 +153,6 @@
|
|
|
142
153
|
.clear-button span {
|
|
143
154
|
font-size: 16px;
|
|
144
155
|
}
|
|
145
|
-
|
|
146
156
|
.disabled .search-wrapper {
|
|
147
157
|
border-color: #d1d5db;
|
|
148
158
|
background-color: #f3f4f6;
|