@dile/iconlib 1.0.1 → 1.2.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.
Files changed (240) hide show
  1. package/dile-lucide-badge.js +3 -0
  2. package/lucide-icons/ampersand.js +1 -1
  3. package/lucide-icons/anchor.js +1 -1
  4. package/lucide-icons/arrow-big-down-dash.js +1 -1
  5. package/lucide-icons/arrow-big-down.js +1 -1
  6. package/lucide-icons/arrow-big-left-dash.js +1 -1
  7. package/lucide-icons/arrow-big-left.js +1 -1
  8. package/lucide-icons/arrow-big-right-dash.js +1 -1
  9. package/lucide-icons/arrow-big-right.js +1 -1
  10. package/lucide-icons/arrow-big-up-dash.js +1 -1
  11. package/lucide-icons/arrow-big-up.js +1 -1
  12. package/lucide-icons/balloon.js +9 -0
  13. package/lucide-icons/ban.js +1 -1
  14. package/lucide-icons/bandage.js +1 -1
  15. package/lucide-icons/beef-off.js +9 -0
  16. package/lucide-icons/bell-dot.js +1 -1
  17. package/lucide-icons/book-key.js +1 -1
  18. package/lucide-icons/book-search.js +9 -0
  19. package/lucide-icons/bookmark-check.js +1 -1
  20. package/lucide-icons/bookmark-minus.js +1 -1
  21. package/lucide-icons/bookmark-plus.js +1 -1
  22. package/lucide-icons/bookmark-x.js +1 -1
  23. package/lucide-icons/bookmark.js +1 -1
  24. package/lucide-icons/brush-cleaning.js +1 -1
  25. package/lucide-icons/bubbles.js +1 -1
  26. package/lucide-icons/bug-off.js +1 -1
  27. package/lucide-icons/calendar-fold.js +1 -1
  28. package/lucide-icons/calendars.js +9 -0
  29. package/lucide-icons/cannabis-off.js +9 -0
  30. package/lucide-icons/cctv-off.js +9 -0
  31. package/lucide-icons/chess-bishop.js +9 -0
  32. package/lucide-icons/chess-king.js +9 -0
  33. package/lucide-icons/chess-knight.js +9 -0
  34. package/lucide-icons/chess-pawn.js +9 -0
  35. package/lucide-icons/chess-queen.js +9 -0
  36. package/lucide-icons/chess-rook.js +9 -0
  37. package/lucide-icons/circle-divide.js +1 -1
  38. package/lucide-icons/circle-equal.js +1 -1
  39. package/lucide-icons/circle-pile.js +9 -0
  40. package/lucide-icons/circle-pound-sterling.js +1 -1
  41. package/lucide-icons/circle-power.js +1 -1
  42. package/lucide-icons/circle-slash-2.js +1 -1
  43. package/lucide-icons/circle-star.js +1 -1
  44. package/lucide-icons/circle-user-round.js +1 -1
  45. package/lucide-icons/clapperboard.js +1 -1
  46. package/lucide-icons/clipboard-pen.js +1 -1
  47. package/lucide-icons/clock-1.js +1 -1
  48. package/lucide-icons/clock-10.js +1 -1
  49. package/lucide-icons/clock-11.js +1 -1
  50. package/lucide-icons/clock-12.js +1 -1
  51. package/lucide-icons/clock-2.js +1 -1
  52. package/lucide-icons/clock-3.js +1 -1
  53. package/lucide-icons/clock-4.js +1 -1
  54. package/lucide-icons/clock-5.js +1 -1
  55. package/lucide-icons/clock-6.js +1 -1
  56. package/lucide-icons/clock-7.js +1 -1
  57. package/lucide-icons/clock-8.js +1 -1
  58. package/lucide-icons/clock-9.js +1 -1
  59. package/lucide-icons/clock-check.js +9 -0
  60. package/lucide-icons/clock.js +1 -1
  61. package/lucide-icons/cloud-alert.js +1 -1
  62. package/lucide-icons/cloud-backup.js +9 -0
  63. package/lucide-icons/cloud-check.js +1 -1
  64. package/lucide-icons/cloud-off.js +1 -1
  65. package/lucide-icons/cloud-sync.js +9 -0
  66. package/lucide-icons/cloudy.js +1 -1
  67. package/lucide-icons/coins.js +1 -1
  68. package/lucide-icons/compass.js +1 -1
  69. package/lucide-icons/cuboid.js +1 -1
  70. package/lucide-icons/database-search.js +9 -0
  71. package/lucide-icons/ellipse.js +9 -0
  72. package/lucide-icons/file-archive.js +1 -1
  73. package/lucide-icons/file-axis-3d.js +1 -1
  74. package/lucide-icons/file-badge.js +1 -1
  75. package/lucide-icons/file-box.js +1 -1
  76. package/lucide-icons/file-braces-corner.js +9 -0
  77. package/lucide-icons/file-braces.js +9 -0
  78. package/lucide-icons/file-chart-column-increasing.js +1 -1
  79. package/lucide-icons/file-chart-column.js +1 -1
  80. package/lucide-icons/file-chart-line.js +1 -1
  81. package/lucide-icons/file-chart-pie.js +1 -1
  82. package/lucide-icons/file-check-corner.js +9 -0
  83. package/lucide-icons/file-check.js +1 -1
  84. package/lucide-icons/file-clock.js +1 -1
  85. package/lucide-icons/file-code-corner.js +9 -0
  86. package/lucide-icons/file-code.js +1 -1
  87. package/lucide-icons/file-cog.js +1 -1
  88. package/lucide-icons/file-diff.js +1 -1
  89. package/lucide-icons/file-digit.js +1 -1
  90. package/lucide-icons/file-down.js +1 -1
  91. package/lucide-icons/file-exclamation-point.js +9 -0
  92. package/lucide-icons/file-headphone.js +9 -0
  93. package/lucide-icons/file-heart.js +1 -1
  94. package/lucide-icons/file-image.js +1 -1
  95. package/lucide-icons/file-input.js +1 -1
  96. package/lucide-icons/file-key.js +1 -1
  97. package/lucide-icons/file-lock.js +1 -1
  98. package/lucide-icons/file-minus-corner.js +9 -0
  99. package/lucide-icons/file-minus.js +1 -1
  100. package/lucide-icons/file-music.js +1 -1
  101. package/lucide-icons/file-output.js +1 -1
  102. package/lucide-icons/file-pen-line.js +1 -1
  103. package/lucide-icons/file-pen.js +1 -1
  104. package/lucide-icons/file-play.js +1 -1
  105. package/lucide-icons/file-plus-corner.js +9 -0
  106. package/lucide-icons/file-plus.js +1 -1
  107. package/lucide-icons/file-question-mark.js +1 -1
  108. package/lucide-icons/file-scan.js +1 -1
  109. package/lucide-icons/file-search-corner.js +9 -0
  110. package/lucide-icons/file-search.js +1 -1
  111. package/lucide-icons/file-signal.js +9 -0
  112. package/lucide-icons/file-sliders.js +1 -1
  113. package/lucide-icons/file-spreadsheet.js +1 -1
  114. package/lucide-icons/file-symlink.js +1 -1
  115. package/lucide-icons/file-terminal.js +1 -1
  116. package/lucide-icons/file-text.js +1 -1
  117. package/lucide-icons/file-type-corner.js +9 -0
  118. package/lucide-icons/file-type.js +1 -1
  119. package/lucide-icons/file-up.js +1 -1
  120. package/lucide-icons/file-user.js +1 -1
  121. package/lucide-icons/file-video-camera.js +1 -1
  122. package/lucide-icons/file-volume.js +1 -1
  123. package/lucide-icons/file-x-corner.js +9 -0
  124. package/lucide-icons/file-x.js +1 -1
  125. package/lucide-icons/file.js +1 -1
  126. package/lucide-icons/files.js +1 -1
  127. package/lucide-icons/fingerprint-pattern.js +9 -0
  128. package/lucide-icons/fishing-hook.js +9 -0
  129. package/lucide-icons/fishing-rod.js +9 -0
  130. package/lucide-icons/flashlight-off.js +1 -1
  131. package/lucide-icons/flashlight.js +1 -1
  132. package/lucide-icons/folder-git-2.js +1 -1
  133. package/lucide-icons/folder-key.js +1 -1
  134. package/lucide-icons/forklift.js +1 -1
  135. package/lucide-icons/form.js +9 -0
  136. package/lucide-icons/gift.js +1 -1
  137. package/lucide-icons/git-branch-minus.js +9 -0
  138. package/lucide-icons/git-branch.js +1 -1
  139. package/lucide-icons/git-merge-conflict.js +9 -0
  140. package/lucide-icons/globe-off.js +9 -0
  141. package/lucide-icons/globe-x.js +9 -0
  142. package/lucide-icons/gpu.js +1 -1
  143. package/lucide-icons/hard-drive.js +1 -1
  144. package/lucide-icons/hd.js +9 -0
  145. package/lucide-icons/helicopter.js +9 -0
  146. package/lucide-icons/lasso.js +1 -1
  147. package/lucide-icons/layers-plus.js +9 -0
  148. package/lucide-icons/lens-concave.js +9 -0
  149. package/lucide-icons/lens-convex.js +9 -0
  150. package/lucide-icons/line-dot-right-horizontal.js +9 -0
  151. package/lucide-icons/line-style.js +9 -0
  152. package/lucide-icons/memory-stick.js +1 -1
  153. package/lucide-icons/message-circle-check.js +9 -0
  154. package/lucide-icons/message-square-check.js +9 -0
  155. package/lucide-icons/message-square-dashed.js +1 -1
  156. package/lucide-icons/metronome.js +9 -0
  157. package/lucide-icons/microchip.js +1 -1
  158. package/lucide-icons/milestone.js +1 -1
  159. package/lucide-icons/mirror-rectangular.js +9 -0
  160. package/lucide-icons/mirror-round.js +9 -0
  161. package/lucide-icons/monitor-off.js +1 -1
  162. package/lucide-icons/mouse-left.js +9 -0
  163. package/lucide-icons/mouse-pointer-2-off.js +9 -0
  164. package/lucide-icons/mouse-right.js +9 -0
  165. package/lucide-icons/package-check.js +1 -1
  166. package/lucide-icons/package-minus.js +1 -1
  167. package/lucide-icons/package-plus.js +1 -1
  168. package/lucide-icons/package-search.js +1 -1
  169. package/lucide-icons/package-x.js +1 -1
  170. package/lucide-icons/paint-bucket.js +1 -1
  171. package/lucide-icons/plug.js +1 -1
  172. package/lucide-icons/printer-x.js +9 -0
  173. package/lucide-icons/radio-off.js +9 -0
  174. package/lucide-icons/receipt-cent.js +1 -1
  175. package/lucide-icons/receipt-euro.js +1 -1
  176. package/lucide-icons/receipt-indian-rupee.js +1 -1
  177. package/lucide-icons/receipt-japanese-yen.js +1 -1
  178. package/lucide-icons/receipt-pound-sterling.js +1 -1
  179. package/lucide-icons/receipt-russian-ruble.js +1 -1
  180. package/lucide-icons/receipt-swiss-franc.js +1 -1
  181. package/lucide-icons/receipt-turkish-lira.js +1 -1
  182. package/lucide-icons/receipt.js +1 -1
  183. package/lucide-icons/road.js +9 -0
  184. package/lucide-icons/rocket.js +1 -1
  185. package/lucide-icons/rocking-chair.js +1 -1
  186. package/lucide-icons/rotate-ccw-key.js +1 -1
  187. package/lucide-icons/ruler-dimension-line.js +1 -1
  188. package/lucide-icons/scale.js +1 -1
  189. package/lucide-icons/school.js +1 -1
  190. package/lucide-icons/scooter.js +9 -0
  191. package/lucide-icons/search-alert.js +9 -0
  192. package/lucide-icons/shelving-unit.js +9 -0
  193. package/lucide-icons/shield-cog-corner.js +9 -0
  194. package/lucide-icons/shield-cog.js +9 -0
  195. package/lucide-icons/shredder.js +1 -1
  196. package/lucide-icons/signpost.js +1 -1
  197. package/lucide-icons/solar-panel.js +9 -0
  198. package/lucide-icons/sport-shoe.js +9 -0
  199. package/lucide-icons/square-arrow-right-enter.js +9 -0
  200. package/lucide-icons/square-arrow-right-exit.js +9 -0
  201. package/lucide-icons/square-bottom-dashed-scissors.js +1 -1
  202. package/lucide-icons/square-centerline-dashed-horizontal.js +9 -0
  203. package/lucide-icons/square-centerline-dashed-vertical.js +9 -0
  204. package/lucide-icons/square-scissors.js +1 -1
  205. package/lucide-icons/star-off.js +1 -1
  206. package/lucide-icons/sticker.js +1 -1
  207. package/lucide-icons/sticky-note.js +1 -1
  208. package/lucide-icons/stone.js +9 -0
  209. package/lucide-icons/thermometer-sun.js +1 -1
  210. package/lucide-icons/thumbs-down.js +1 -1
  211. package/lucide-icons/thumbs-up.js +1 -1
  212. package/lucide-icons/tickets-plane.js +1 -1
  213. package/lucide-icons/tickets.js +1 -1
  214. package/lucide-icons/toolbox.js +9 -0
  215. package/lucide-icons/towel-rack.js +9 -0
  216. package/lucide-icons/user-key.js +9 -0
  217. package/lucide-icons/user-lock.js +1 -1
  218. package/lucide-icons/user-round-key.js +9 -0
  219. package/lucide-icons/van.js +9 -0
  220. package/lucide-icons/waves-arrow-down.js +9 -0
  221. package/lucide-icons/waves-arrow-up.js +9 -0
  222. package/lucide-icons/waypoints.js +1 -1
  223. package/lucide-icons/weight-tilde.js +9 -0
  224. package/lucide-icons/x-line-top.js +9 -0
  225. package/lucide-icons/zodiac-aquarius.js +9 -0
  226. package/lucide-icons/zodiac-aries.js +9 -0
  227. package/lucide-icons/zodiac-cancer.js +9 -0
  228. package/lucide-icons/zodiac-capricorn.js +9 -0
  229. package/lucide-icons/zodiac-gemini.js +9 -0
  230. package/lucide-icons/zodiac-leo.js +9 -0
  231. package/lucide-icons/zodiac-libra.js +9 -0
  232. package/lucide-icons/zodiac-ophiuchus.js +9 -0
  233. package/lucide-icons/zodiac-pisces.js +9 -0
  234. package/lucide-icons/zodiac-sagittarius.js +9 -0
  235. package/lucide-icons/zodiac-scorpio.js +9 -0
  236. package/lucide-icons/zodiac-taurus.js +9 -0
  237. package/lucide-icons/zodiac-virgo.js +9 -0
  238. package/package.json +2 -2
  239. package/src/DileLucideBadge.js +49 -0
  240. package/src/lucideBadgeStyles.js +79 -0
package/src/lucideBadgeStyles.js ADDED
@@ -0,0 +1,79 @@
1
+ export const badgeStyles = new CSSStyleSheet();
2
+ badgeStyles.replaceSync(`
3
+ :host {
4
+ display: inline-flex;
5
+ align-items: center;
6
+ gap: var(--dile-lucide-badge-gap, 0.5rem);
7
+ padding: var(--dile-lucide-badge-padding, 0.375rem 0.75rem);
8
+ border-radius: var(--dile-lucide-badge-border-radius, 9999px);
9
+ background-color: var(--dile-lucide-badge-color, var(--dile-primary-color, #f3f3ae));
10
+ color: var(--dile-lucide-badge-on-color, var(--dile-on-primary-color, #303030));
11
+ --dile-icon-color: var(--dile-lucide-badge-on-color, var(--dile-on-primary-color, #303030));
12
+ --dile-icon-size: var(--dile-lucide-badge-icon-size, 18px);
13
+ font-size: var(--dile-lucide-badge-font-size, 0.8rem);
14
+ font-weight: var(--dile-lucide-badge-font-weight, 500);
15
+ border: var(--dile-lucide-badge-border-width, 0px) solid var(--dile-lucide-badge-border-color, transparent);
16
+ transition-duration: var(--dile-lucide-badge-transition-duration, 0.3s);
17
+ transition-timing-function: ease-in-out;
18
+ transition-property: background-color, color;
19
+ }
20
+
21
+ :host([variant="primary"]) {
22
+ background-color: var(--dile-lucide-badge-primary, var(--dile-primary-color, #f3f3ae));
23
+ color: var(--dile-lucide-badge-on-primary, var(--dile-on-primary-color, #303030));
24
+ --dile-icon-color: var(--dile-lucide-badge-on-primary, var(--dile-on-primary-color, #303030));
25
+ }
26
+
27
+ :host([variant="secondary"]) {
28
+ background-color: var(--dile-lucide-badge-secondary, var(--dile-secondary-color, #27a744));
29
+ color: var(--dile-lucide-badge-on-secondary, var(--dile-on-secondary-color, #ffffff));
30
+ --dile-icon-color: var(--dile-lucide-badge-on-secondary, var(--dile-on-secondary-color, #ffffff));
31
+ }
32
+
33
+ :host([variant="danger"]) {
34
+ background-color: var(--dile-lucide-badge-danger, var(--dile-danger-color, #e34a1b));
35
+ color: var(--dile-lucide-badge-on-danger, var(--dile-on-danger-color, #ffffff));
36
+ --dile-icon-color: var(--dile-lucide-badge-on-danger, var(--dile-on-danger-color, #ffffff));
37
+ }
38
+
39
+ :host([variant="error"]) {
40
+ background-color: var(--dile-lucide-badge-error, var(--dile-alert-error-color, #cf3535));
41
+ color: var(--dile-lucide-badge-on-error, var(--dile-on-alert-color, #ffffff));
42
+ --dile-icon-color: var(--dile-lucide-badge-on-error, var(--dile-on-alert-color, #ffffff));
43
+ }
44
+
45
+ :host([variant="success"]) {
46
+ background-color: var(--dile-lucide-badge-success, var(--dile-alert-success-color, #00900f));
47
+ color: var(--dile-lucide-badge-on-success, var(--dile-on-alert-color, #ffffff));
48
+ --dile-icon-color: var(--dile-lucide-badge-on-success, var(--dile-on-alert-color, #ffffff));
49
+ }
50
+
51
+ :host([variant="warning"]) {
52
+ background-color: var(--dile-lucide-badge-warning, var(--dile-alert-warning-color, #d7b740));
53
+ color: var(--dile-lucide-badge-on-warning, var(--dile-on-alert-color, #ffffff));
54
+ --dile-icon-color: var(--dile-lucide-badge-on-warning, var(--dile-on-alert-color, #ffffff));
55
+ }
56
+
57
+ :host([variant="soft"]) {
58
+ background-color: var(--dile-lucide-badge-soft, #2a7a9f);
59
+ color: var(--dile-lucide-badge-on-soft, #ffffff);
60
+ --dile-icon-color: var(--dile-lucide-badge-on-soft, #ffffff);
61
+ }
62
+
63
+ .badge-container {
64
+ display: inherit;
65
+ align-items: inherit;
66
+ gap: inherit;
67
+ }
68
+
69
+ .icon-wrapper {
70
+ display: flex;
71
+ align-items: center;
72
+ line-height: 1;
73
+ }
74
+
75
+ .text-wrapper {
76
+ display: flex;
77
+ align-items: center;
78
+ }
79
+ `);