@mal-icons/core 0.1.2 → 0.3.8

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.
Files changed (5) hide show
  1. package/dist/index.cjs +37 -11
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +37 -11
  5. package/package.json +12 -3
package/dist/index.cjs CHANGED
@@ -52,18 +52,44 @@ var WEIGHT_STROKE_WIDTH = {
52
52
  bold: 3
53
53
  };
54
54
  function animationClass(animation) {
55
- return `mal-icon-animate-${animation}`;
55
+ return `mal-icons-animate-${animation}`;
56
56
  }
57
- var ICON_ANIMATIONS_CSS = `@keyframes mal-icon-spin{to{transform:rotate(360deg)}}
58
- @keyframes mal-icon-pulse{0%,100%{opacity:1}50%{opacity:.4}}
59
- @keyframes mal-icon-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
60
- @keyframes mal-icon-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15%)}}
61
- .mal-icon-animate-spin{animation:mal-icon-spin 1s linear infinite;will-change:transform}
62
- .mal-icon-animate-spin-reverse{animation:mal-icon-spin 1s linear infinite reverse;will-change:transform}
63
- .mal-icon-animate-pulse{animation:mal-icon-pulse 1.5s ease-in-out infinite}
64
- .mal-icon-animate-beat{animation:mal-icon-beat 1s ease-in-out infinite;will-change:transform}
65
- .mal-icon-animate-bounce{animation:mal-icon-bounce 1s ease infinite;will-change:transform}
66
- @media (prefers-reduced-motion:reduce){[class*=mal-icon-animate-]{animation:none}}
57
+ var ICON_ANIMATIONS_CSS = `@keyframes mal-icons-spin{to{transform:rotate(360deg)}}
58
+ @keyframes mal-icons-pulse{0%,100%{opacity:1}50%{opacity:.4}}
59
+ @keyframes mal-icons-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
60
+ @keyframes mal-icons-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15%)}}
61
+ @keyframes mal-icons-ping{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(1.8);opacity:0}}
62
+ @keyframes mal-icons-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-12%)}40%,80%{transform:translateX(12%)}}
63
+ @keyframes mal-icons-wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
64
+ @keyframes mal-icons-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12%)}}
65
+ @keyframes mal-icons-heartbeat{0%,28%,70%,100%{transform:scale(1)}14%,42%{transform:scale(1.2)}}
66
+ @keyframes mal-icons-flip{0%{transform:perspective(400px) rotateY(0)}100%{transform:perspective(400px) rotateY(360deg)}}
67
+ @keyframes mal-icons-rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
68
+ @keyframes mal-icons-zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}
69
+ @keyframes mal-icons-fade{0%,100%{opacity:1}50%{opacity:.1}}
70
+ @keyframes mal-icons-slide{0%,100%{transform:translateX(0)}50%{transform:translateX(18%)}}
71
+ @keyframes mal-icons-glow{0%,100%{filter:drop-shadow(0 0 0 currentColor)}50%{filter:drop-shadow(0 0 4px currentColor)}}
72
+ @keyframes mal-icons-swing{0%,100%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}
73
+ @keyframes mal-icons-tada{0%,100%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}
74
+ .mal-icons-animate-spin{animation:mal-icons-spin 1s linear infinite;will-change:transform}
75
+ .mal-icons-animate-spin-reverse{animation:mal-icons-spin 1s linear infinite reverse;will-change:transform}
76
+ .mal-icons-animate-pulse{animation:mal-icons-pulse 1.5s ease-in-out infinite}
77
+ .mal-icons-animate-beat{animation:mal-icons-beat 1s ease-in-out infinite;will-change:transform}
78
+ .mal-icons-animate-bounce{animation:mal-icons-bounce 1s ease infinite;will-change:transform}
79
+ .mal-icons-animate-ping{animation:mal-icons-ping 1s cubic-bezier(0,0,.2,1) infinite;will-change:transform,opacity}
80
+ .mal-icons-animate-shake{animation:mal-icons-shake .8s ease-in-out infinite;will-change:transform}
81
+ .mal-icons-animate-wiggle{animation:mal-icons-wiggle .6s ease-in-out infinite;will-change:transform}
82
+ .mal-icons-animate-float{animation:mal-icons-float 3s ease-in-out infinite;will-change:transform}
83
+ .mal-icons-animate-heartbeat{animation:mal-icons-heartbeat 1.3s ease-in-out infinite;will-change:transform}
84
+ .mal-icons-animate-flip{animation:mal-icons-flip 1.2s ease-in-out infinite;will-change:transform}
85
+ .mal-icons-animate-rotate{animation:mal-icons-rotate 1.5s ease-in-out infinite;will-change:transform}
86
+ .mal-icons-animate-zoom{animation:mal-icons-zoom 1.2s ease-in-out infinite;will-change:transform}
87
+ .mal-icons-animate-fade{animation:mal-icons-fade 1.5s ease-in-out infinite}
88
+ .mal-icons-animate-slide{animation:mal-icons-slide 1s ease-in-out infinite;will-change:transform}
89
+ .mal-icons-animate-glow{animation:mal-icons-glow 1.5s ease-in-out infinite}
90
+ .mal-icons-animate-swing{animation:mal-icons-swing 1s ease-in-out infinite;transform-origin:top center;will-change:transform}
91
+ .mal-icons-animate-tada{animation:mal-icons-tada 1s ease-in-out infinite;will-change:transform}
92
+ @media (prefers-reduced-motion:reduce){[class*=mal-icons-animate-]{animation:none}}
67
93
  `;
68
94
  function resolveIconAttrs(props, context) {
69
95
  const size = props.size ?? context.size ?? "1em";
package/dist/index.d.ts CHANGED
@@ -99,7 +99,7 @@ export type IconWeight = "thin" | "light" | "regular" | "bold";
99
99
  /** Maps a {@link IconWeight} to a concrete SVG `stroke-width`. */
100
100
  export declare const WEIGHT_STROKE_WIDTH: Record<IconWeight, number>;
101
101
  /** CSS-driven animation presets applied via the `animate` prop. */
102
- export type IconAnimation = "spin" | "spin-reverse" | "pulse" | "beat" | "bounce";
102
+ export type IconAnimation = "spin" | "spin-reverse" | "pulse" | "beat" | "bounce" | "ping" | "shake" | "wiggle" | "float" | "heartbeat" | "flip" | "rotate" | "zoom" | "fade" | "slide" | "glow" | "swing" | "tada";
103
103
  /** Class name applied to the root `<svg>` for a given animation. */
104
104
  export declare function animationClass(animation: IconAnimation): string;
105
105
  /**
@@ -107,7 +107,7 @@ export declare function animationClass(animation: IconAnimation): string;
107
107
  * this once (e.g. a `<style>` tag); animations are pure CSS so they add no
108
108
  * JS cost and only animate the icons that opt in (SRS §16.2).
109
109
  */
110
- export declare const ICON_ANIMATIONS_CSS = "@keyframes mal-icons-spin{to{transform:rotate(360deg)}}\n@keyframes mal-icons-pulse{0%,100%{opacity:1}50%{opacity:.4}}\n@keyframes mal-icons-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}\n@keyframes mal-icons-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15%)}}\n.mal-icons-animate-spin{animation:mal-icons-spin 1s linear infinite;will-change:transform}\n.mal-icons-animate-spin-reverse{animation:mal-icons-spin 1s linear infinite reverse;will-change:transform}\n.mal-icons-animate-pulse{animation:mal-icons-pulse 1.5s ease-in-out infinite}\n.mal-icons-animate-beat{animation:mal-icons-beat 1s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-bounce{animation:mal-icons-bounce 1s ease infinite;will-change:transform}\n@media (prefers-reduced-motion:reduce){[class*=mal-icons-animate-]{animation:none}}\n";
110
+ export declare const ICON_ANIMATIONS_CSS = "@keyframes mal-icons-spin{to{transform:rotate(360deg)}}\n@keyframes mal-icons-pulse{0%,100%{opacity:1}50%{opacity:.4}}\n@keyframes mal-icons-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}\n@keyframes mal-icons-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15%)}}\n@keyframes mal-icons-ping{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(1.8);opacity:0}}\n@keyframes mal-icons-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-12%)}40%,80%{transform:translateX(12%)}}\n@keyframes mal-icons-wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}\n@keyframes mal-icons-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12%)}}\n@keyframes mal-icons-heartbeat{0%,28%,70%,100%{transform:scale(1)}14%,42%{transform:scale(1.2)}}\n@keyframes mal-icons-flip{0%{transform:perspective(400px) rotateY(0)}100%{transform:perspective(400px) rotateY(360deg)}}\n@keyframes mal-icons-rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}\n@keyframes mal-icons-zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}\n@keyframes mal-icons-fade{0%,100%{opacity:1}50%{opacity:.1}}\n@keyframes mal-icons-slide{0%,100%{transform:translateX(0)}50%{transform:translateX(18%)}}\n@keyframes mal-icons-glow{0%,100%{filter:drop-shadow(0 0 0 currentColor)}50%{filter:drop-shadow(0 0 4px currentColor)}}\n@keyframes mal-icons-swing{0%,100%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}\n@keyframes mal-icons-tada{0%,100%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}\n.mal-icons-animate-spin{animation:mal-icons-spin 1s linear infinite;will-change:transform}\n.mal-icons-animate-spin-reverse{animation:mal-icons-spin 1s linear infinite reverse;will-change:transform}\n.mal-icons-animate-pulse{animation:mal-icons-pulse 1.5s ease-in-out infinite}\n.mal-icons-animate-beat{animation:mal-icons-beat 1s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-bounce{animation:mal-icons-bounce 1s ease infinite;will-change:transform}\n.mal-icons-animate-ping{animation:mal-icons-ping 1s cubic-bezier(0,0,.2,1) infinite;will-change:transform,opacity}\n.mal-icons-animate-shake{animation:mal-icons-shake .8s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-wiggle{animation:mal-icons-wiggle .6s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-float{animation:mal-icons-float 3s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-heartbeat{animation:mal-icons-heartbeat 1.3s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-flip{animation:mal-icons-flip 1.2s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-rotate{animation:mal-icons-rotate 1.5s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-zoom{animation:mal-icons-zoom 1.2s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-fade{animation:mal-icons-fade 1.5s ease-in-out infinite}\n.mal-icons-animate-slide{animation:mal-icons-slide 1s ease-in-out infinite;will-change:transform}\n.mal-icons-animate-glow{animation:mal-icons-glow 1.5s ease-in-out infinite}\n.mal-icons-animate-swing{animation:mal-icons-swing 1s ease-in-out infinite;transform-origin:top center;will-change:transform}\n.mal-icons-animate-tada{animation:mal-icons-tada 1s ease-in-out infinite;will-change:transform}\n@media (prefers-reduced-motion:reduce){[class*=mal-icons-animate-]{animation:none}}\n";
111
111
  /**
112
112
  * Resolve the final size/color/className given per-icon props and the
113
113
  * surrounding context, following the SRS override priority:
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -6,18 +6,44 @@ var WEIGHT_STROKE_WIDTH = {
6
6
  bold: 3
7
7
  };
8
8
  function animationClass(animation) {
9
- return `mal-icon-animate-${animation}`;
9
+ return `mal-icons-animate-${animation}`;
10
10
  }
11
- var ICON_ANIMATIONS_CSS = `@keyframes mal-icon-spin{to{transform:rotate(360deg)}}
12
- @keyframes mal-icon-pulse{0%,100%{opacity:1}50%{opacity:.4}}
13
- @keyframes mal-icon-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
14
- @keyframes mal-icon-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15%)}}
15
- .mal-icon-animate-spin{animation:mal-icon-spin 1s linear infinite;will-change:transform}
16
- .mal-icon-animate-spin-reverse{animation:mal-icon-spin 1s linear infinite reverse;will-change:transform}
17
- .mal-icon-animate-pulse{animation:mal-icon-pulse 1.5s ease-in-out infinite}
18
- .mal-icon-animate-beat{animation:mal-icon-beat 1s ease-in-out infinite;will-change:transform}
19
- .mal-icon-animate-bounce{animation:mal-icon-bounce 1s ease infinite;will-change:transform}
20
- @media (prefers-reduced-motion:reduce){[class*=mal-icon-animate-]{animation:none}}
11
+ var ICON_ANIMATIONS_CSS = `@keyframes mal-icons-spin{to{transform:rotate(360deg)}}
12
+ @keyframes mal-icons-pulse{0%,100%{opacity:1}50%{opacity:.4}}
13
+ @keyframes mal-icons-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
14
+ @keyframes mal-icons-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15%)}}
15
+ @keyframes mal-icons-ping{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(1.8);opacity:0}}
16
+ @keyframes mal-icons-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-12%)}40%,80%{transform:translateX(12%)}}
17
+ @keyframes mal-icons-wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
18
+ @keyframes mal-icons-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12%)}}
19
+ @keyframes mal-icons-heartbeat{0%,28%,70%,100%{transform:scale(1)}14%,42%{transform:scale(1.2)}}
20
+ @keyframes mal-icons-flip{0%{transform:perspective(400px) rotateY(0)}100%{transform:perspective(400px) rotateY(360deg)}}
21
+ @keyframes mal-icons-rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
22
+ @keyframes mal-icons-zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}
23
+ @keyframes mal-icons-fade{0%,100%{opacity:1}50%{opacity:.1}}
24
+ @keyframes mal-icons-slide{0%,100%{transform:translateX(0)}50%{transform:translateX(18%)}}
25
+ @keyframes mal-icons-glow{0%,100%{filter:drop-shadow(0 0 0 currentColor)}50%{filter:drop-shadow(0 0 4px currentColor)}}
26
+ @keyframes mal-icons-swing{0%,100%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}
27
+ @keyframes mal-icons-tada{0%,100%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}
28
+ .mal-icons-animate-spin{animation:mal-icons-spin 1s linear infinite;will-change:transform}
29
+ .mal-icons-animate-spin-reverse{animation:mal-icons-spin 1s linear infinite reverse;will-change:transform}
30
+ .mal-icons-animate-pulse{animation:mal-icons-pulse 1.5s ease-in-out infinite}
31
+ .mal-icons-animate-beat{animation:mal-icons-beat 1s ease-in-out infinite;will-change:transform}
32
+ .mal-icons-animate-bounce{animation:mal-icons-bounce 1s ease infinite;will-change:transform}
33
+ .mal-icons-animate-ping{animation:mal-icons-ping 1s cubic-bezier(0,0,.2,1) infinite;will-change:transform,opacity}
34
+ .mal-icons-animate-shake{animation:mal-icons-shake .8s ease-in-out infinite;will-change:transform}
35
+ .mal-icons-animate-wiggle{animation:mal-icons-wiggle .6s ease-in-out infinite;will-change:transform}
36
+ .mal-icons-animate-float{animation:mal-icons-float 3s ease-in-out infinite;will-change:transform}
37
+ .mal-icons-animate-heartbeat{animation:mal-icons-heartbeat 1.3s ease-in-out infinite;will-change:transform}
38
+ .mal-icons-animate-flip{animation:mal-icons-flip 1.2s ease-in-out infinite;will-change:transform}
39
+ .mal-icons-animate-rotate{animation:mal-icons-rotate 1.5s ease-in-out infinite;will-change:transform}
40
+ .mal-icons-animate-zoom{animation:mal-icons-zoom 1.2s ease-in-out infinite;will-change:transform}
41
+ .mal-icons-animate-fade{animation:mal-icons-fade 1.5s ease-in-out infinite}
42
+ .mal-icons-animate-slide{animation:mal-icons-slide 1s ease-in-out infinite;will-change:transform}
43
+ .mal-icons-animate-glow{animation:mal-icons-glow 1.5s ease-in-out infinite}
44
+ .mal-icons-animate-swing{animation:mal-icons-swing 1s ease-in-out infinite;transform-origin:top center;will-change:transform}
45
+ .mal-icons-animate-tada{animation:mal-icons-tada 1s ease-in-out infinite;will-change:transform}
46
+ @media (prefers-reduced-motion:reduce){[class*=mal-icons-animate-]{animation:none}}
21
47
  `;
22
48
  function resolveIconAttrs(props, context) {
23
49
  const size = props.size ?? context.size ?? "1em";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mal-icons/core",
3
- "version": "0.1.2",
3
+ "version": "0.3.8",
4
4
  "description": "Framework-agnostic types and theming utilities for mal-icons.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -14,9 +14,18 @@
14
14
  "url": "git+https://github.com/mal-icons/mal-icons.git",
15
15
  "directory": "packages/core"
16
16
  },
17
- "keywords": ["icons", "svg", "typescript", "theming", "mal-icons"],
17
+ "keywords": [
18
+ "icons",
19
+ "svg",
20
+ "typescript",
21
+ "theming",
22
+ "mal-icons"
23
+ ],
18
24
  "sideEffects": false,
19
- "files": ["dist", "!dist/.tsbuildinfo"],
25
+ "files": [
26
+ "dist",
27
+ "!dist/.tsbuildinfo"
28
+ ],
20
29
  "main": "./dist/index.cjs",
21
30
  "module": "./dist/index.js",
22
31
  "types": "./dist/index.d.ts",