@juspay/svelte-ui-components 2.19.0 → 2.19.2
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/Badge/Badge.svelte
CHANGED
|
@@ -21,19 +21,25 @@
|
|
|
21
21
|
|
|
22
22
|
.badge {
|
|
23
23
|
position: absolute;
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
box-sizing: border-box;
|
|
28
|
+
line-height: 1;
|
|
24
29
|
color: var(--badge-color, #fff);
|
|
25
30
|
background-color: var(--badge-background, #727272);
|
|
26
31
|
font-size: var(--badge-font-size, 12px);
|
|
27
|
-
font-family: var(--badge-font-family,
|
|
28
|
-
padding: var(--badge-padding,
|
|
32
|
+
font-family: var(--badge-font-family, inherit);
|
|
33
|
+
padding: var(--badge-padding, 3px 8px);
|
|
29
34
|
border-radius: var(--badge-border-radius, 100px);
|
|
30
|
-
min-width: var(--badge-min-width,
|
|
31
|
-
min-height: var(--badge-min-height,
|
|
32
|
-
border: var(--badge-border,
|
|
35
|
+
min-width: var(--badge-min-width, 18px);
|
|
36
|
+
min-height: var(--badge-min-height, 18px);
|
|
37
|
+
border: var(--badge-border, 1px solid #fff);
|
|
33
38
|
top: var(--badge-top, 0);
|
|
34
39
|
right: var(--badge-right, 0);
|
|
35
40
|
bottom: var(--badge-bottom);
|
|
36
41
|
left: var(--badge-left);
|
|
42
|
+
z-index: 1;
|
|
37
43
|
}
|
|
38
44
|
|
|
39
45
|
.icon-img {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
font-size: var(--loader-text-font-size, 22px);
|
|
47
47
|
padding: var(--loader-text-padding, 16px 0px);
|
|
48
48
|
color: var(--loader-text-color, white);
|
|
49
|
-
font-family: var(--loader-text-font,
|
|
49
|
+
font-family: var(--loader-text-font, inherit);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.sub-text {
|
package/dist/Input/Input.svelte
CHANGED
|
@@ -276,7 +276,7 @@
|
|
|
276
276
|
height: var(--input-height, fit-content);
|
|
277
277
|
background-color: var(--input-background, white);
|
|
278
278
|
font-size: var(--input-font-size, 16px) !important;
|
|
279
|
-
font-family: var(--input-font-family,
|
|
279
|
+
font-family: var(--input-font-family, inherit);
|
|
280
280
|
border-radius: var(--input-radius, 4px);
|
|
281
281
|
outline: none;
|
|
282
282
|
padding: var(--input-padding, 16px);
|
|
@@ -151,6 +151,7 @@
|
|
|
151
151
|
});
|
|
152
152
|
|
|
153
153
|
let showArrowControls = $derived(showArrows && !(hideArrowsOnTouch && isTouchDevice));
|
|
154
|
+
let showGradientOverlay = $derived(showGradient && !(hideArrowsOnTouch && isTouchDevice));
|
|
154
155
|
</script>
|
|
155
156
|
|
|
156
157
|
<div
|
|
@@ -178,7 +179,7 @@
|
|
|
178
179
|
</div>
|
|
179
180
|
{/if}
|
|
180
181
|
|
|
181
|
-
{#if
|
|
182
|
+
{#if showGradientOverlay && canScrollPrev}
|
|
182
183
|
<div class="gradient gradient-start"></div>
|
|
183
184
|
{/if}
|
|
184
185
|
|
|
@@ -197,7 +198,7 @@
|
|
|
197
198
|
{@render children()}
|
|
198
199
|
</div>
|
|
199
200
|
|
|
200
|
-
{#if
|
|
201
|
+
{#if showGradientOverlay && canScrollNext}
|
|
201
202
|
<div class="gradient gradient-end"></div>
|
|
202
203
|
{/if}
|
|
203
204
|
|