@genarou/blazir-icons 1.0.18 → 1.0.19
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/icons/Eye.svelte +4 -6
- package/dist/icons/LoadingSquares.svelte +182 -0
- package/dist/icons/LoadingSquares.svelte.d.ts +8 -0
- package/dist/icons/RegularSpinner.svelte +83 -0
- package/dist/icons/RegularSpinner.svelte.d.ts +8 -0
- package/dist/icons/registry.d.ts +8 -0
- package/dist/icons/registry.js +4 -0
- package/package.json +1 -1
package/dist/icons/Eye.svelte
CHANGED
|
@@ -52,18 +52,16 @@
|
|
|
52
52
|
{testId}
|
|
53
53
|
{attrs}
|
|
54
54
|
>
|
|
55
|
-
<!-- SVG
|
|
55
|
+
<!-- SVG actualizado -->
|
|
56
56
|
<g
|
|
57
57
|
fill={fill ?? "none"}
|
|
58
58
|
stroke={stroke ?? "currentColor"}
|
|
59
|
-
stroke-width={strokeWidth ??
|
|
59
|
+
stroke-width={strokeWidth ?? 0}
|
|
60
60
|
stroke-linecap={strokeLinecap}
|
|
61
61
|
stroke-linejoin={strokeLinejoin}
|
|
62
62
|
vector-effect={nonScalingStroke ? "non-scaling-stroke" : undefined}
|
|
63
63
|
>
|
|
64
|
-
<path
|
|
65
|
-
|
|
66
|
-
/>
|
|
67
|
-
<path d="M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0Z" />
|
|
64
|
+
<path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0" />
|
|
65
|
+
<path d="M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" />
|
|
68
66
|
</g>
|
|
69
67
|
</IconBase>
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
<!-- IconLoadingSquares.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import IconBase from "../IconBase.svelte";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
size = $bindable<IconProps["size"]>(48),
|
|
8
|
+
stroke = $bindable(undefined),
|
|
9
|
+
strokeWidth = $bindable(undefined),
|
|
10
|
+
fill = $bindable(undefined),
|
|
11
|
+
className = $bindable(""),
|
|
12
|
+
ariaLabel = $bindable("Loading"),
|
|
13
|
+
title = $bindable(""),
|
|
14
|
+
viewBox = $bindable("0 0 24 24"),
|
|
15
|
+
strokeLinecap = $bindable("round"),
|
|
16
|
+
strokeLinejoin = $bindable("round"),
|
|
17
|
+
/* extras */
|
|
18
|
+
rotate = $bindable(0),
|
|
19
|
+
flipH = $bindable(false),
|
|
20
|
+
flipV = $bindable(false),
|
|
21
|
+
spin = $bindable(false),
|
|
22
|
+
color = $bindable(undefined),
|
|
23
|
+
nonScalingStroke = $bindable(false),
|
|
24
|
+
preserveAspectRatio = $bindable("xMidYMid meet"),
|
|
25
|
+
decorative = $bindable(false),
|
|
26
|
+
titleId = $bindable(""),
|
|
27
|
+
testId = $bindable(undefined),
|
|
28
|
+
attrs = $bindable({}),
|
|
29
|
+
// Props específicos para loading squares
|
|
30
|
+
animationDuration = $bindable("1.6s"),
|
|
31
|
+
stepDuration = $bindable("0.2s"),
|
|
32
|
+
}: IconProps & {
|
|
33
|
+
animationDuration?: string;
|
|
34
|
+
stepDuration?: string;
|
|
35
|
+
} = $props();
|
|
36
|
+
</script>
|
|
37
|
+
|
|
38
|
+
<IconBase
|
|
39
|
+
{size}
|
|
40
|
+
{stroke}
|
|
41
|
+
{strokeWidth}
|
|
42
|
+
{fill}
|
|
43
|
+
{className}
|
|
44
|
+
{ariaLabel}
|
|
45
|
+
{title}
|
|
46
|
+
{viewBox}
|
|
47
|
+
{strokeLinecap}
|
|
48
|
+
{strokeLinejoin}
|
|
49
|
+
{rotate}
|
|
50
|
+
{flipH}
|
|
51
|
+
{flipV}
|
|
52
|
+
{spin}
|
|
53
|
+
{color}
|
|
54
|
+
{nonScalingStroke}
|
|
55
|
+
{preserveAspectRatio}
|
|
56
|
+
{decorative}
|
|
57
|
+
{titleId}
|
|
58
|
+
{testId}
|
|
59
|
+
{attrs}
|
|
60
|
+
>
|
|
61
|
+
<!-- Cuadrado superior izquierdo -->
|
|
62
|
+
<rect width="10" height="10" x="1" y="1" fill={fill ?? "currentColor"} rx="1">
|
|
63
|
+
<animate
|
|
64
|
+
id="sq1-x1"
|
|
65
|
+
fill="freeze"
|
|
66
|
+
attributeName="x"
|
|
67
|
+
begin="0;sq4-y4.end"
|
|
68
|
+
dur={stepDuration}
|
|
69
|
+
values="1;13"
|
|
70
|
+
/>
|
|
71
|
+
<animate
|
|
72
|
+
id="sq1-y1"
|
|
73
|
+
fill="freeze"
|
|
74
|
+
attributeName="y"
|
|
75
|
+
begin="sq3-x1.end"
|
|
76
|
+
dur={stepDuration}
|
|
77
|
+
values="1;13"
|
|
78
|
+
/>
|
|
79
|
+
<animate
|
|
80
|
+
id="sq1-x2"
|
|
81
|
+
fill="freeze"
|
|
82
|
+
attributeName="x"
|
|
83
|
+
begin="sq3-y1.end"
|
|
84
|
+
dur={stepDuration}
|
|
85
|
+
values="13;1"
|
|
86
|
+
/>
|
|
87
|
+
<animate
|
|
88
|
+
id="sq1-y2"
|
|
89
|
+
fill="freeze"
|
|
90
|
+
attributeName="y"
|
|
91
|
+
begin="sq3-x2.end"
|
|
92
|
+
dur={stepDuration}
|
|
93
|
+
values="13;1"
|
|
94
|
+
/>
|
|
95
|
+
</rect>
|
|
96
|
+
|
|
97
|
+
<!-- Cuadrado inferior izquierdo -->
|
|
98
|
+
<rect
|
|
99
|
+
width="10"
|
|
100
|
+
height="10"
|
|
101
|
+
x="1"
|
|
102
|
+
y="13"
|
|
103
|
+
fill={fill ?? "currentColor"}
|
|
104
|
+
rx="1"
|
|
105
|
+
>
|
|
106
|
+
<animate
|
|
107
|
+
id="sq2-y1"
|
|
108
|
+
fill="freeze"
|
|
109
|
+
attributeName="y"
|
|
110
|
+
begin="sq1-x1.end"
|
|
111
|
+
dur={stepDuration}
|
|
112
|
+
values="13;1"
|
|
113
|
+
/>
|
|
114
|
+
<animate
|
|
115
|
+
id="sq2-x1"
|
|
116
|
+
fill="freeze"
|
|
117
|
+
attributeName="x"
|
|
118
|
+
begin="sq1-y1.end"
|
|
119
|
+
dur={stepDuration}
|
|
120
|
+
values="1;13"
|
|
121
|
+
/>
|
|
122
|
+
<animate
|
|
123
|
+
id="sq2-y2"
|
|
124
|
+
fill="freeze"
|
|
125
|
+
attributeName="y"
|
|
126
|
+
begin="sq1-x2.end"
|
|
127
|
+
dur={stepDuration}
|
|
128
|
+
values="1;13"
|
|
129
|
+
/>
|
|
130
|
+
<animate
|
|
131
|
+
id="sq2-x2"
|
|
132
|
+
fill="freeze"
|
|
133
|
+
attributeName="x"
|
|
134
|
+
begin="sq1-y2.end"
|
|
135
|
+
dur={stepDuration}
|
|
136
|
+
values="13;1"
|
|
137
|
+
/>
|
|
138
|
+
</rect>
|
|
139
|
+
|
|
140
|
+
<!-- Cuadrado inferior derecho -->
|
|
141
|
+
<rect
|
|
142
|
+
width="10"
|
|
143
|
+
height="10"
|
|
144
|
+
x="13"
|
|
145
|
+
y="13"
|
|
146
|
+
fill={fill ?? "currentColor"}
|
|
147
|
+
rx="1"
|
|
148
|
+
>
|
|
149
|
+
<animate
|
|
150
|
+
id="sq3-x1"
|
|
151
|
+
fill="freeze"
|
|
152
|
+
attributeName="x"
|
|
153
|
+
begin="sq2-y1.end"
|
|
154
|
+
dur={stepDuration}
|
|
155
|
+
values="13;1"
|
|
156
|
+
/>
|
|
157
|
+
<animate
|
|
158
|
+
id="sq3-y1"
|
|
159
|
+
fill="freeze"
|
|
160
|
+
attributeName="y"
|
|
161
|
+
begin="sq2-x1.end"
|
|
162
|
+
dur={stepDuration}
|
|
163
|
+
values="13;1"
|
|
164
|
+
/>
|
|
165
|
+
<animate
|
|
166
|
+
id="sq3-x2"
|
|
167
|
+
fill="freeze"
|
|
168
|
+
attributeName="x"
|
|
169
|
+
begin="sq2-y2.end"
|
|
170
|
+
dur={stepDuration}
|
|
171
|
+
values="1;13"
|
|
172
|
+
/>
|
|
173
|
+
<animate
|
|
174
|
+
id="sq4-y4"
|
|
175
|
+
fill="freeze"
|
|
176
|
+
attributeName="y"
|
|
177
|
+
begin="sq2-x2.end"
|
|
178
|
+
dur={stepDuration}
|
|
179
|
+
values="1;13"
|
|
180
|
+
/>
|
|
181
|
+
</rect>
|
|
182
|
+
</IconBase>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from "../types";
|
|
2
|
+
type $$ComponentProps = IconProps & {
|
|
3
|
+
animationDuration?: string;
|
|
4
|
+
stepDuration?: string;
|
|
5
|
+
};
|
|
6
|
+
declare const LoadingSquares: import("svelte").Component<$$ComponentProps, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "viewBox" | "strokeLinecap" | "strokeLinejoin" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs" | "animationDuration" | "stepDuration">;
|
|
7
|
+
type LoadingSquares = ReturnType<typeof LoadingSquares>;
|
|
8
|
+
export default LoadingSquares;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
<!-- IconLoading.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import IconBase from "../IconBase.svelte";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
let {
|
|
7
|
+
size = $bindable<IconProps["size"]>(48),
|
|
8
|
+
stroke = $bindable(undefined),
|
|
9
|
+
strokeWidth = $bindable(undefined),
|
|
10
|
+
fill = $bindable(undefined),
|
|
11
|
+
className = $bindable(""),
|
|
12
|
+
ariaLabel = $bindable("Loading"),
|
|
13
|
+
title = $bindable(""),
|
|
14
|
+
viewBox = $bindable("0 0 24 24"),
|
|
15
|
+
strokeLinecap = $bindable("round"),
|
|
16
|
+
strokeLinejoin = $bindable("round"),
|
|
17
|
+
/* extras */
|
|
18
|
+
rotate = $bindable(0),
|
|
19
|
+
flipH = $bindable(false),
|
|
20
|
+
flipV = $bindable(false),
|
|
21
|
+
spin = $bindable(true), // Por defecto activado para loading
|
|
22
|
+
color = $bindable(undefined),
|
|
23
|
+
nonScalingStroke = $bindable(false),
|
|
24
|
+
preserveAspectRatio = $bindable("xMidYMid meet"),
|
|
25
|
+
decorative = $bindable(false),
|
|
26
|
+
titleId = $bindable(""),
|
|
27
|
+
testId = $bindable(undefined),
|
|
28
|
+
attrs = $bindable({}),
|
|
29
|
+
// Props específicos para loading
|
|
30
|
+
animationDuration = $bindable("0.75s"),
|
|
31
|
+
showBackground = $bindable(true),
|
|
32
|
+
}: IconProps & {
|
|
33
|
+
animationDuration?: string;
|
|
34
|
+
showBackground?: boolean;
|
|
35
|
+
} = $props();
|
|
36
|
+
</script>
|
|
37
|
+
|
|
38
|
+
<IconBase
|
|
39
|
+
{size}
|
|
40
|
+
{stroke}
|
|
41
|
+
{strokeWidth}
|
|
42
|
+
{fill}
|
|
43
|
+
{className}
|
|
44
|
+
{ariaLabel}
|
|
45
|
+
{title}
|
|
46
|
+
{viewBox}
|
|
47
|
+
{strokeLinecap}
|
|
48
|
+
{strokeLinejoin}
|
|
49
|
+
{rotate}
|
|
50
|
+
{flipH}
|
|
51
|
+
{flipV}
|
|
52
|
+
{spin}
|
|
53
|
+
{color}
|
|
54
|
+
{nonScalingStroke}
|
|
55
|
+
{preserveAspectRatio}
|
|
56
|
+
{decorative}
|
|
57
|
+
{titleId}
|
|
58
|
+
{testId}
|
|
59
|
+
{attrs}
|
|
60
|
+
>
|
|
61
|
+
<!-- Círculo de fondo con opacidad -->
|
|
62
|
+
{#if showBackground}
|
|
63
|
+
<path
|
|
64
|
+
fill={fill ?? "currentColor"}
|
|
65
|
+
d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
|
|
66
|
+
opacity="0.25"
|
|
67
|
+
/>
|
|
68
|
+
{/if}
|
|
69
|
+
|
|
70
|
+
<!-- Arco animado -->
|
|
71
|
+
<path
|
|
72
|
+
fill={fill ?? "currentColor"}
|
|
73
|
+
d="M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"
|
|
74
|
+
>
|
|
75
|
+
<animateTransform
|
|
76
|
+
attributeName="transform"
|
|
77
|
+
dur={animationDuration}
|
|
78
|
+
repeatCount="indefinite"
|
|
79
|
+
type="rotate"
|
|
80
|
+
values="0 12 12;360 12 12"
|
|
81
|
+
/>
|
|
82
|
+
</path>
|
|
83
|
+
</IconBase>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { IconProps } from "../types";
|
|
2
|
+
type $$ComponentProps = IconProps & {
|
|
3
|
+
animationDuration?: string;
|
|
4
|
+
showBackground?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare const RegularSpinner: import("svelte").Component<$$ComponentProps, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "viewBox" | "strokeLinecap" | "strokeLinejoin" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs" | "animationDuration" | "showBackground">;
|
|
7
|
+
type RegularSpinner = ReturnType<typeof RegularSpinner>;
|
|
8
|
+
export default RegularSpinner;
|
package/dist/icons/registry.d.ts
CHANGED
|
@@ -81,6 +81,14 @@ export declare const iconRegistry: {
|
|
|
81
81
|
readonly lockOpen: Component<import("..").IconProps, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "viewBox" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs">;
|
|
82
82
|
readonly eye: Component<import("..").IconProps, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "viewBox" | "strokeLinecap" | "strokeLinejoin" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs">;
|
|
83
83
|
readonly eyeOff: Component<import("..").IconProps, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "viewBox" | "strokeLinecap" | "strokeLinejoin" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs">;
|
|
84
|
+
readonly loadingRegular: Component<import("..").IconProps & {
|
|
85
|
+
animationDuration?: string;
|
|
86
|
+
showBackground?: boolean;
|
|
87
|
+
}, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "viewBox" | "strokeLinecap" | "strokeLinejoin" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs" | "animationDuration" | "showBackground">;
|
|
88
|
+
readonly loadingSquares: Component<import("..").IconProps & {
|
|
89
|
+
animationDuration?: string;
|
|
90
|
+
stepDuration?: string;
|
|
91
|
+
}, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "viewBox" | "strokeLinecap" | "strokeLinejoin" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs" | "animationDuration" | "stepDuration">;
|
|
84
92
|
};
|
|
85
93
|
export type IconName = keyof typeof iconRegistry;
|
|
86
94
|
export type IconComponent = Component;
|
package/dist/icons/registry.js
CHANGED
|
@@ -45,6 +45,7 @@ import Key from "./Key.svelte";
|
|
|
45
45
|
import List from "./List.svelte";
|
|
46
46
|
import ListDots from "./ListDots.svelte";
|
|
47
47
|
import LoadingDots from "./LoadingDots.svelte";
|
|
48
|
+
import LoadingSquares from "./LoadingSquares.svelte";
|
|
48
49
|
import Lock from "./Lock.svelte";
|
|
49
50
|
import LockOpen from "./LockOpen.svelte";
|
|
50
51
|
import Logout from "./Logout.svelte";
|
|
@@ -59,6 +60,7 @@ import Plus from "./Plus.svelte";
|
|
|
59
60
|
import PointSale from "./PointSale.svelte";
|
|
60
61
|
import Product from "./Product.svelte";
|
|
61
62
|
import Project from "./Project.svelte";
|
|
63
|
+
import LoadingRegular from "./RegularSpinner.svelte";
|
|
62
64
|
import RightArrow from "./RightArrow.svelte";
|
|
63
65
|
import SafeSolid from "./SafeSolid.svelte";
|
|
64
66
|
import Scan from "./Scan.svelte";
|
|
@@ -163,4 +165,6 @@ export const iconRegistry = {
|
|
|
163
165
|
lockOpen: LockOpen,
|
|
164
166
|
eye: Eye,
|
|
165
167
|
eyeOff: EyeOff,
|
|
168
|
+
loadingRegular: LoadingRegular,
|
|
169
|
+
loadingSquares: LoadingSquares,
|
|
166
170
|
};
|