@wix/design-system-illustrations 2.28.7 → 2.30.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 (455) hide show
  1. package/dist/cjs/AvatarCircle.js +2 -2
  2. package/dist/cjs/AvatarSquare.js +2 -2
  3. package/dist/cjs/BlogFullPost.js +2 -2
  4. package/dist/cjs/BlogOneColumn.js +2 -2
  5. package/dist/cjs/BlogTagButton.js +2 -2
  6. package/dist/cjs/BookingsGrid.js +6 -9
  7. package/dist/cjs/BookingsOverlapping.js +5 -4
  8. package/dist/cjs/BookingsSideBySide.js +4 -4
  9. package/dist/cjs/BookingsStrip.js +5 -5
  10. package/dist/cjs/ButtonsLayoutIconsIdentity.js +53 -0
  11. package/dist/cjs/ButtonsLayoutRowIdentity.js +53 -0
  12. package/dist/cjs/ButtonsLayoutStackIdentity.js +53 -0
  13. package/dist/cjs/DividerLineIdentity.js +51 -0
  14. package/dist/cjs/DividerLineTextIdentity.js +54 -0
  15. package/dist/cjs/DonutChart.js +5 -3
  16. package/dist/cjs/EventLayoutAlternating.js +3 -3
  17. package/dist/cjs/EventLayoutLeft.js +1 -1
  18. package/dist/cjs/EventLayoutRight.js +3 -3
  19. package/dist/cjs/EventLeft.js +5 -5
  20. package/dist/cjs/EventRight.js +5 -5
  21. package/dist/cjs/EventsZoomIn.js +56 -0
  22. package/dist/cjs/FileShareFill.js +52 -0
  23. package/dist/cjs/FileShareLabel.js +52 -0
  24. package/dist/cjs/FileShareLine.js +52 -0
  25. package/dist/cjs/FormLayoutAboveIdentity.js +52 -0
  26. package/dist/cjs/FormLayoutBelowIdentity.js +52 -0
  27. package/dist/cjs/GalleryBlur.js +4 -4
  28. package/dist/cjs/GalleryColorIn.js +1 -1
  29. package/dist/cjs/GalleryExpand.js +9 -9
  30. package/dist/cjs/GalleryExpandOut.js +8 -8
  31. package/dist/cjs/GalleryFade.js +2 -2
  32. package/dist/cjs/GalleryFadeIn.js +5 -5
  33. package/dist/cjs/GalleryInvert.js +2 -2
  34. package/dist/cjs/GalleryMoveUp.js +8 -7
  35. package/dist/cjs/GalleryNoChange.js +1 -1
  36. package/dist/cjs/GalleryOneColor.js +4 -4
  37. package/dist/cjs/GalleryShrink.js +10 -10
  38. package/dist/cjs/GallerySlideDown.js +7 -7
  39. package/dist/cjs/GallerySlideRight.js +7 -7
  40. package/dist/cjs/GallerySlideUp.js +5 -6
  41. package/dist/cjs/GalleryZoomOut.js +11 -2
  42. package/dist/cjs/IconPositionBottom.js +54 -0
  43. package/dist/cjs/IconPositionLeft.js +55 -0
  44. package/dist/cjs/IconPositionRight.js +54 -0
  45. package/dist/cjs/IconPositionTop.js +55 -0
  46. package/dist/cjs/IdentityButtonsLayoutIcons.js +53 -0
  47. package/dist/cjs/IdentityButtonsLayoutRow.js +53 -0
  48. package/dist/cjs/IdentityButtonsLayoutStack.js +53 -0
  49. package/dist/cjs/IdentityDividerLine.js +51 -0
  50. package/dist/cjs/IdentityDividerText.js +54 -0
  51. package/dist/cjs/MembersAreaLargeSize.js +52 -0
  52. package/dist/cjs/MembersAreaMediumSize.js +52 -0
  53. package/dist/cjs/MembersAreaSmallSize.js +52 -0
  54. package/dist/cjs/MembersIcon.js +56 -0
  55. package/dist/cjs/MembersName.js +2 -2
  56. package/dist/cjs/MembersNameAndIcon.js +2 -3
  57. package/dist/cjs/MenuDividerDash.js +51 -0
  58. package/dist/cjs/MenuDividerDots.js +52 -0
  59. package/dist/cjs/MenuDividerLine.js +51 -0
  60. package/dist/cjs/OnlineOrderBelowOrder.js +52 -0
  61. package/dist/cjs/OnlineOrderCard.js +53 -0
  62. package/dist/cjs/OnlineOrderImageRight.js +53 -0
  63. package/dist/cjs/OnlineOrderOnImage.js +52 -0
  64. package/dist/cjs/PricingLayoutAbove.js +5 -5
  65. package/dist/cjs/PricingLayoutBelow.js +4 -4
  66. package/dist/cjs/PricingLayoutLeft.js +5 -5
  67. package/dist/cjs/PricingLayoutRight.js +5 -5
  68. package/dist/cjs/RestauransMenusCenter.js +51 -0
  69. package/dist/cjs/RestauransMenusExpand.js +53 -0
  70. package/dist/cjs/RestauransMenusSplitImageText.js +53 -0
  71. package/dist/cjs/RestaurantStrip.js +2 -2
  72. package/dist/cjs/ShuttersAnimation.js +8 -5
  73. package/dist/cjs/StoreAboveInfo.js +2 -2
  74. package/dist/cjs/StoreAccordionCollapse.js +1 -1
  75. package/dist/cjs/StoreBelowInfo.js +3 -3
  76. package/dist/cjs/StoreButtons.js +1 -1
  77. package/dist/cjs/StoreCategoryMenuTypeVertical.js +54 -0
  78. package/dist/cjs/StoreCollapse.js +3 -3
  79. package/dist/cjs/StoreDrawer.js +5 -7
  80. package/dist/cjs/StoreDropdown.js +2 -2
  81. package/dist/cjs/StoreHeaderPositionMinimised.js +55 -0
  82. package/dist/cjs/StoreHeaderPositionStretched.js +54 -0
  83. package/dist/cjs/StoreImageBottom.js +53 -0
  84. package/dist/cjs/StoreImageCard.js +52 -0
  85. package/dist/cjs/StoreImagePlacementSide.js +53 -0
  86. package/dist/cjs/StoreImagePlacementTop.js +53 -0
  87. package/dist/cjs/StoreInline.js +3 -4
  88. package/dist/cjs/StoreNegativeBack.js +4 -4
  89. package/dist/cjs/StoreOnImage.js +4 -3
  90. package/dist/cjs/StorePopUp.js +7 -9
  91. package/dist/cjs/StorePriceSideBySide.js +3 -3
  92. package/dist/cjs/StorePriceStacked.js +3 -3
  93. package/dist/cjs/StoreProductInfo.js +2 -3
  94. package/dist/cjs/StoreProductLayoutClassic.js +53 -0
  95. package/dist/cjs/StoreRibonHorizontal.js +52 -0
  96. package/dist/cjs/StoreRibonStack.js +52 -0
  97. package/dist/cjs/StoreSideBySide.js +2 -2
  98. package/dist/cjs/StoreSleek.js +2 -2
  99. package/dist/cjs/StoreSpotlight.js +5 -4
  100. package/dist/cjs/StoreStreched.js +2 -2
  101. package/dist/cjs/StoreStunning.js +2 -2
  102. package/dist/cjs/StoreSwapImage.js +2 -2
  103. package/dist/cjs/StoreTrim.js +2 -2
  104. package/dist/cjs/StoreWrap.js +3 -3
  105. package/dist/cjs/animated/ElementsFixedHeight.js +3 -2
  106. package/dist/cjs/animated/ElementsFixedMargins.js +3 -2
  107. package/dist/cjs/animated/ElementsScale.js +3 -2
  108. package/dist/cjs/animated/HeaderScrollEffectDisappear.js +89 -0
  109. package/dist/cjs/animated/HeaderScrollEffectFadeOut.js +89 -0
  110. package/dist/cjs/animated/HeaderScrollEffectMoveWithPage.js +89 -0
  111. package/dist/cjs/animated/HeaderScrollEffectStayFixed.js +89 -0
  112. package/dist/cjs/animated/LimitScaling2Guy.js +91 -0
  113. package/dist/cjs/animated/MaxMinGuy.js +90 -0
  114. package/dist/cjs/animated/MobileAlgoFastGuy.js +89 -0
  115. package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +91 -0
  116. package/dist/cjs/animated/ResponsiveBehaviorElementsRelativeWidth.js +88 -0
  117. package/dist/cjs/animated/ResponsiveBehaviorElementsScaleProportionally.js +88 -0
  118. package/dist/cjs/animated/ResponsiveBehaviorElementsStretch.js +91 -0
  119. package/dist/cjs/animated/ResponsiveBehaviorHeaderFadeOut.js +94 -0
  120. package/dist/cjs/animated/ResponsiveBehaviorHeaderFreeze.js +94 -0
  121. package/dist/cjs/animated/ResponsiveBehaviorScaleProportionally.js +88 -0
  122. package/dist/cjs/animated/ResponsiveBehaviorSectionFixedHeight.js +89 -0
  123. package/dist/cjs/animated/ResponsiveBehaviorTextCustomScale.js +88 -0
  124. package/dist/cjs/animated/ResponsiveBehaviorTextFixed.js +89 -0
  125. package/dist/cjs/animated/ResponsiveBehaviorTextHug.js +89 -0
  126. package/dist/cjs/animated/ResponsiveBehaviorTextScaleProportionally.js +88 -0
  127. package/dist/cjs/animated/ResponsiveBehaviorWarp.js +88 -0
  128. package/dist/cjs/animated/SectionFixedHeight.js +4 -3
  129. package/dist/cjs/animated/SectionScale.js +3 -2
  130. package/dist/cjs/animated/animated.global.css +5485 -0
  131. package/dist/cjs/animated/index.js +60 -0
  132. package/dist/cjs/index.js +132 -0
  133. package/dist/esm/AvatarCircle.js +2 -2
  134. package/dist/esm/AvatarSquare.js +2 -2
  135. package/dist/esm/BlogFullPost.js +2 -2
  136. package/dist/esm/BlogOneColumn.js +2 -2
  137. package/dist/esm/BlogTagButton.js +2 -2
  138. package/dist/esm/BookingsGrid.js +6 -9
  139. package/dist/esm/BookingsOverlapping.js +5 -4
  140. package/dist/esm/BookingsSideBySide.js +4 -4
  141. package/dist/esm/BookingsStrip.js +5 -5
  142. package/dist/esm/ButtonsLayoutIconsIdentity.js +19 -0
  143. package/dist/esm/ButtonsLayoutRowIdentity.js +19 -0
  144. package/dist/esm/ButtonsLayoutStackIdentity.js +19 -0
  145. package/dist/esm/DividerLineIdentity.js +17 -0
  146. package/dist/esm/DividerLineTextIdentity.js +20 -0
  147. package/dist/esm/DonutChart.js +5 -3
  148. package/dist/esm/EventLayoutAlternating.js +3 -3
  149. package/dist/esm/EventLayoutLeft.js +1 -1
  150. package/dist/esm/EventLayoutRight.js +3 -3
  151. package/dist/esm/EventLeft.js +5 -5
  152. package/dist/esm/EventRight.js +5 -5
  153. package/dist/esm/EventsZoomIn.js +22 -0
  154. package/dist/esm/FileShareFill.js +18 -0
  155. package/dist/esm/FileShareLabel.js +18 -0
  156. package/dist/esm/FileShareLine.js +18 -0
  157. package/dist/esm/FormLayoutAboveIdentity.js +18 -0
  158. package/dist/esm/FormLayoutBelowIdentity.js +18 -0
  159. package/dist/esm/GalleryBlur.js +4 -4
  160. package/dist/esm/GalleryColorIn.js +1 -1
  161. package/dist/esm/GalleryExpand.js +9 -9
  162. package/dist/esm/GalleryExpandOut.js +8 -8
  163. package/dist/esm/GalleryFade.js +2 -2
  164. package/dist/esm/GalleryFadeIn.js +5 -5
  165. package/dist/esm/GalleryInvert.js +2 -2
  166. package/dist/esm/GalleryMoveUp.js +8 -7
  167. package/dist/esm/GalleryNoChange.js +1 -1
  168. package/dist/esm/GalleryOneColor.js +4 -4
  169. package/dist/esm/GalleryShrink.js +10 -10
  170. package/dist/esm/GallerySlideDown.js +7 -7
  171. package/dist/esm/GallerySlideRight.js +7 -7
  172. package/dist/esm/GallerySlideUp.js +5 -6
  173. package/dist/esm/GalleryZoomOut.js +11 -2
  174. package/dist/esm/IconPositionBottom.js +20 -0
  175. package/dist/esm/IconPositionLeft.js +21 -0
  176. package/dist/esm/IconPositionRight.js +20 -0
  177. package/dist/esm/IconPositionTop.js +21 -0
  178. package/dist/esm/IdentityButtonsLayoutIcons.js +19 -0
  179. package/dist/esm/IdentityButtonsLayoutRow.js +19 -0
  180. package/dist/esm/IdentityButtonsLayoutStack.js +19 -0
  181. package/dist/esm/IdentityDividerLine.js +17 -0
  182. package/dist/esm/IdentityDividerText.js +20 -0
  183. package/dist/esm/MembersAreaLargeSize.js +18 -0
  184. package/dist/esm/MembersAreaMediumSize.js +18 -0
  185. package/dist/esm/MembersAreaSmallSize.js +18 -0
  186. package/dist/esm/MembersIcon.js +22 -0
  187. package/dist/esm/MembersName.js +2 -2
  188. package/dist/esm/MembersNameAndIcon.js +2 -3
  189. package/dist/esm/MenuDividerDash.js +17 -0
  190. package/dist/esm/MenuDividerDots.js +18 -0
  191. package/dist/esm/MenuDividerLine.js +17 -0
  192. package/dist/esm/OnlineOrderBelowOrder.js +18 -0
  193. package/dist/esm/OnlineOrderCard.js +19 -0
  194. package/dist/esm/OnlineOrderImageRight.js +19 -0
  195. package/dist/esm/OnlineOrderOnImage.js +18 -0
  196. package/dist/esm/PricingLayoutAbove.js +5 -5
  197. package/dist/esm/PricingLayoutBelow.js +4 -4
  198. package/dist/esm/PricingLayoutLeft.js +5 -5
  199. package/dist/esm/PricingLayoutRight.js +5 -5
  200. package/dist/esm/RestauransMenusCenter.js +17 -0
  201. package/dist/esm/RestauransMenusExpand.js +19 -0
  202. package/dist/esm/RestauransMenusSplitImageText.js +19 -0
  203. package/dist/esm/RestaurantStrip.js +2 -2
  204. package/dist/esm/ShuttersAnimation.js +8 -5
  205. package/dist/esm/StoreAboveInfo.js +2 -2
  206. package/dist/esm/StoreAccordionCollapse.js +1 -1
  207. package/dist/esm/StoreBelowInfo.js +3 -3
  208. package/dist/esm/StoreButtons.js +1 -1
  209. package/dist/esm/StoreCategoryMenuTypeVertical.js +20 -0
  210. package/dist/esm/StoreCollapse.js +3 -3
  211. package/dist/esm/StoreDrawer.js +5 -7
  212. package/dist/esm/StoreDropdown.js +2 -2
  213. package/dist/esm/StoreHeaderPositionMinimised.js +21 -0
  214. package/dist/esm/StoreHeaderPositionStretched.js +20 -0
  215. package/dist/esm/StoreImageBottom.js +19 -0
  216. package/dist/esm/StoreImageCard.js +18 -0
  217. package/dist/esm/StoreImagePlacementSide.js +19 -0
  218. package/dist/esm/StoreImagePlacementTop.js +19 -0
  219. package/dist/esm/StoreInline.js +3 -4
  220. package/dist/esm/StoreNegativeBack.js +4 -4
  221. package/dist/esm/StoreOnImage.js +4 -3
  222. package/dist/esm/StorePopUp.js +7 -9
  223. package/dist/esm/StorePriceSideBySide.js +3 -3
  224. package/dist/esm/StorePriceStacked.js +3 -3
  225. package/dist/esm/StoreProductInfo.js +2 -3
  226. package/dist/esm/StoreProductLayoutClassic.js +19 -0
  227. package/dist/esm/StoreRibonHorizontal.js +18 -0
  228. package/dist/esm/StoreRibonStack.js +18 -0
  229. package/dist/esm/StoreSideBySide.js +2 -2
  230. package/dist/esm/StoreSleek.js +2 -2
  231. package/dist/esm/StoreSpotlight.js +5 -4
  232. package/dist/esm/StoreStreched.js +2 -2
  233. package/dist/esm/StoreStunning.js +2 -2
  234. package/dist/esm/StoreSwapImage.js +2 -2
  235. package/dist/esm/StoreTrim.js +2 -2
  236. package/dist/esm/StoreWrap.js +3 -3
  237. package/dist/esm/animated/ElementsFixedHeight.js +4 -3
  238. package/dist/esm/animated/ElementsFixedMargins.js +4 -3
  239. package/dist/esm/animated/ElementsScale.js +4 -3
  240. package/dist/esm/animated/HeaderScrollEffectDisappear.js +45 -0
  241. package/dist/esm/animated/HeaderScrollEffectFadeOut.js +45 -0
  242. package/dist/esm/animated/HeaderScrollEffectMoveWithPage.js +45 -0
  243. package/dist/esm/animated/HeaderScrollEffectStayFixed.js +45 -0
  244. package/dist/esm/animated/LimitScaling2Guy.js +47 -0
  245. package/dist/esm/animated/MaxMinGuy.js +46 -0
  246. package/dist/esm/animated/MobileAlgoFastGuy.js +45 -0
  247. package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +47 -0
  248. package/dist/esm/animated/ResponsiveBehaviorElementsRelativeWidth.js +44 -0
  249. package/dist/esm/animated/ResponsiveBehaviorElementsScaleProportionally.js +44 -0
  250. package/dist/esm/animated/ResponsiveBehaviorElementsStretch.js +47 -0
  251. package/dist/esm/animated/ResponsiveBehaviorHeaderFadeOut.js +50 -0
  252. package/dist/esm/animated/ResponsiveBehaviorHeaderFreeze.js +50 -0
  253. package/dist/esm/animated/ResponsiveBehaviorScaleProportionally.js +44 -0
  254. package/dist/esm/animated/ResponsiveBehaviorSectionFixedHeight.js +45 -0
  255. package/dist/esm/animated/ResponsiveBehaviorTextCustomScale.js +44 -0
  256. package/dist/esm/animated/ResponsiveBehaviorTextFixed.js +45 -0
  257. package/dist/esm/animated/ResponsiveBehaviorTextHug.js +45 -0
  258. package/dist/esm/animated/ResponsiveBehaviorTextScaleProportionally.js +44 -0
  259. package/dist/esm/animated/ResponsiveBehaviorWarp.js +44 -0
  260. package/dist/esm/animated/SectionFixedHeight.js +5 -4
  261. package/dist/esm/animated/SectionScale.js +4 -3
  262. package/dist/esm/animated/animated.global.css +5485 -0
  263. package/dist/esm/animated/index.js +40 -0
  264. package/dist/esm/index.js +88 -0
  265. package/dist/types/ButtonsLayoutIconsIdentity.d.ts +5 -0
  266. package/dist/types/ButtonsLayoutRowIdentity.d.ts +5 -0
  267. package/dist/types/ButtonsLayoutStackIdentity.d.ts +5 -0
  268. package/dist/types/DividerLineIdentity.d.ts +5 -0
  269. package/dist/types/DividerLineTextIdentity.d.ts +5 -0
  270. package/dist/types/EventsZoomIn.d.ts +5 -0
  271. package/dist/types/FileShareFill.d.ts +5 -0
  272. package/dist/types/FileShareLabel.d.ts +5 -0
  273. package/dist/types/FileShareLine.d.ts +5 -0
  274. package/dist/types/FormLayoutAboveIdentity.d.ts +5 -0
  275. package/dist/types/FormLayoutBelowIdentity.d.ts +5 -0
  276. package/dist/types/IconPositionBottom.d.ts +5 -0
  277. package/dist/types/IconPositionLeft.d.ts +5 -0
  278. package/dist/types/IconPositionRight.d.ts +5 -0
  279. package/dist/types/IconPositionTop.d.ts +5 -0
  280. package/dist/types/IdentityButtonsLayoutIcons.d.ts +5 -0
  281. package/dist/types/IdentityButtonsLayoutRow.d.ts +5 -0
  282. package/dist/types/IdentityButtonsLayoutStack.d.ts +5 -0
  283. package/dist/types/IdentityDividerLine.d.ts +5 -0
  284. package/dist/types/IdentityDividerText.d.ts +5 -0
  285. package/dist/types/MembersAreaLargeSize.d.ts +5 -0
  286. package/dist/types/MembersAreaMediumSize.d.ts +5 -0
  287. package/dist/types/MembersAreaSmallSize.d.ts +5 -0
  288. package/dist/types/MembersIcon.d.ts +5 -0
  289. package/dist/types/MenuDividerDash.d.ts +5 -0
  290. package/dist/types/MenuDividerDots.d.ts +5 -0
  291. package/dist/types/MenuDividerLine.d.ts +5 -0
  292. package/dist/types/OnlineOrderBelowOrder.d.ts +5 -0
  293. package/dist/types/OnlineOrderCard.d.ts +5 -0
  294. package/dist/types/OnlineOrderImageRight.d.ts +5 -0
  295. package/dist/types/OnlineOrderOnImage.d.ts +5 -0
  296. package/dist/types/RestauransMenusCenter.d.ts +5 -0
  297. package/dist/types/RestauransMenusExpand.d.ts +5 -0
  298. package/dist/types/RestauransMenusSplitImageText.d.ts +5 -0
  299. package/dist/types/StoreCategoryMenuTypeVertical.d.ts +5 -0
  300. package/dist/types/StoreHeaderPositionMinimised.d.ts +5 -0
  301. package/dist/types/StoreHeaderPositionStretched.d.ts +5 -0
  302. package/dist/types/StoreImageBottom.d.ts +5 -0
  303. package/dist/types/StoreImageCard.d.ts +5 -0
  304. package/dist/types/StoreImagePlacementSide.d.ts +5 -0
  305. package/dist/types/StoreImagePlacementTop.d.ts +5 -0
  306. package/dist/types/StoreProductLayoutClassic.d.ts +5 -0
  307. package/dist/types/StoreRibonHorizontal.d.ts +5 -0
  308. package/dist/types/StoreRibonStack.d.ts +5 -0
  309. package/dist/types/animated/HeaderScrollEffectDisappear.d.ts +7 -0
  310. package/dist/types/animated/HeaderScrollEffectFadeOut.d.ts +7 -0
  311. package/dist/types/animated/HeaderScrollEffectMoveWithPage.d.ts +7 -0
  312. package/dist/types/animated/HeaderScrollEffectStayFixed.d.ts +7 -0
  313. package/dist/types/animated/LimitScaling2Guy.d.ts +7 -0
  314. package/dist/types/animated/MaxMinGuy.d.ts +7 -0
  315. package/dist/types/animated/MobileAlgoFastGuy.d.ts +7 -0
  316. package/dist/types/animated/ResponsiveBehaviorElementsFixed.d.ts +7 -0
  317. package/dist/types/animated/ResponsiveBehaviorElementsRelativeWidth.d.ts +7 -0
  318. package/dist/types/animated/ResponsiveBehaviorElementsScaleProportionally.d.ts +7 -0
  319. package/dist/types/animated/ResponsiveBehaviorElementsStretch.d.ts +7 -0
  320. package/dist/types/animated/ResponsiveBehaviorHeaderFadeOut.d.ts +7 -0
  321. package/dist/types/animated/ResponsiveBehaviorHeaderFreeze.d.ts +7 -0
  322. package/dist/types/animated/ResponsiveBehaviorScaleProportionally.d.ts +7 -0
  323. package/dist/types/animated/ResponsiveBehaviorSectionFixedHeight.d.ts +7 -0
  324. package/dist/types/animated/ResponsiveBehaviorTextCustomScale.d.ts +7 -0
  325. package/dist/types/animated/ResponsiveBehaviorTextFixed.d.ts +7 -0
  326. package/dist/types/animated/ResponsiveBehaviorTextHug.d.ts +7 -0
  327. package/dist/types/animated/ResponsiveBehaviorTextScaleProportionally.d.ts +7 -0
  328. package/dist/types/animated/ResponsiveBehaviorWarp.d.ts +7 -0
  329. package/dist/types/animated/index.d.ts +40 -0
  330. package/dist/types/index.d.ts +44 -0
  331. package/package.json +3 -3
  332. package/src/AvatarCircle.svg +11 -11
  333. package/src/AvatarSquare.svg +11 -11
  334. package/src/BlogFullPost.svg +19 -19
  335. package/src/BlogOneColumn.svg +13 -13
  336. package/src/BlogTagButton.svg +17 -15
  337. package/src/BookingsGrid.svg +34 -34
  338. package/src/BookingsOverlapping.svg +43 -22
  339. package/src/BookingsSideBySide.svg +19 -19
  340. package/src/BookingsStrip.svg +10 -10
  341. package/src/ButtonsLayoutIconsIdentity.svg +42 -0
  342. package/src/ButtonsLayoutRowIdentity.svg +42 -0
  343. package/src/ButtonsLayoutStackIdentity.svg +42 -0
  344. package/src/DividerLineIdentity.svg +3 -0
  345. package/src/DividerLineTextIdentity.svg +23 -0
  346. package/src/DonutChart.svg +23 -23
  347. package/src/EventLayoutAlternating.svg +14 -14
  348. package/src/EventLayoutLeft.svg +14 -14
  349. package/src/EventLayoutRight.svg +14 -14
  350. package/src/EventLeft.svg +30 -30
  351. package/src/EventRight.svg +30 -30
  352. package/src/EventsZoomIn.svg +53 -0
  353. package/src/FileShareFill.svg +30 -0
  354. package/src/FileShareLabel.svg +32 -0
  355. package/src/FileShareLine.svg +15 -0
  356. package/src/FormLayoutAboveIdentity.svg +63 -0
  357. package/src/FormLayoutBelowIdentity.svg +63 -0
  358. package/src/GalleryBlur.svg +21 -21
  359. package/src/GalleryColorIn.svg +19 -19
  360. package/src/GalleryExpand.svg +27 -27
  361. package/src/GalleryExpandOut.svg +27 -27
  362. package/src/GalleryFade.svg +15 -15
  363. package/src/GalleryFadeIn.svg +19 -19
  364. package/src/GalleryInvert.svg +14 -14
  365. package/src/GalleryMoveUp.svg +32 -27
  366. package/src/GalleryNoChange.svg +17 -17
  367. package/src/GalleryOneColor.svg +19 -19
  368. package/src/GalleryShrink.svg +29 -29
  369. package/src/GallerySlideDown.svg +20 -20
  370. package/src/GallerySlideRight.svg +20 -20
  371. package/src/GallerySlideUp.svg +26 -31
  372. package/src/GalleryZoomOut.svg +28 -33
  373. package/src/IconPositionBottom.svg +24 -0
  374. package/src/IconPositionLeft.svg +24 -0
  375. package/src/IconPositionRight.svg +24 -0
  376. package/src/IconPositionTop.svg +24 -0
  377. package/src/IdentityButtonsLayoutIcons.svg +42 -0
  378. package/src/IdentityButtonsLayoutRow.svg +42 -0
  379. package/src/IdentityButtonsLayoutStack.svg +42 -0
  380. package/src/IdentityDividerLine.svg +3 -0
  381. package/src/IdentityDividerText.svg +25 -0
  382. package/src/MembersAreaLargeSize.svg +23 -0
  383. package/src/MembersAreaMediumSize.svg +23 -0
  384. package/src/MembersAreaSmallSize.svg +23 -0
  385. package/src/MembersIcon.svg +44 -0
  386. package/src/MembersName.svg +9 -9
  387. package/src/MembersNameAndIcon.svg +16 -16
  388. package/src/MenuDividerDash.svg +3 -0
  389. package/src/MenuDividerDots.svg +10 -0
  390. package/src/MenuDividerLine.svg +3 -0
  391. package/src/OnlineOrderBelowOrder.svg +56 -0
  392. package/src/OnlineOrderCard.svg +62 -0
  393. package/src/OnlineOrderImageRight.svg +62 -0
  394. package/src/OnlineOrderOnImage.svg +56 -0
  395. package/src/PricingLayoutAbove.svg +31 -18
  396. package/src/PricingLayoutBelow.svg +26 -17
  397. package/src/PricingLayoutLeft.svg +37 -19
  398. package/src/PricingLayoutRight.svg +37 -19
  399. package/src/RestauransMenusCenter.svg +5 -0
  400. package/src/RestauransMenusExpand.svg +27 -0
  401. package/src/RestauransMenusSplitImageText.svg +26 -0
  402. package/src/RestaurantStrip.svg +7 -7
  403. package/src/ShuttersAnimation.svg +17 -22
  404. package/src/StoreAboveInfo.svg +11 -11
  405. package/src/StoreAccordionCollapse.svg +30 -30
  406. package/src/StoreBelowInfo.svg +15 -15
  407. package/src/StoreButtons.svg +8 -8
  408. package/src/StoreCategoryMenuTypeVertical.svg +27 -0
  409. package/src/StoreCollapse.svg +12 -12
  410. package/src/StoreDrawer.svg +14 -14
  411. package/src/StoreDropdown.svg +11 -11
  412. package/src/StoreHeaderPositionMinimised.svg +69 -0
  413. package/src/StoreHeaderPositionStretched.svg +68 -0
  414. package/src/StoreImageBottom.svg +50 -0
  415. package/src/StoreImageCard.svg +60 -0
  416. package/src/StoreImagePlacementSide.svg +62 -0
  417. package/src/StoreImagePlacementTop.svg +62 -0
  418. package/src/StoreInline.svg +28 -17
  419. package/src/StoreNegativeBack.svg +11 -9
  420. package/src/StoreOnImage.svg +17 -22
  421. package/src/StorePopUp.svg +23 -23
  422. package/src/StorePriceSideBySide.svg +10 -10
  423. package/src/StorePriceStacked.svg +10 -10
  424. package/src/StoreProductInfo.svg +11 -11
  425. package/src/StoreProductLayoutClassic.svg +50 -0
  426. package/src/StoreRibonHorizontal.svg +25 -0
  427. package/src/StoreRibonStack.svg +26 -0
  428. package/src/StoreSideBySide.svg +10 -10
  429. package/src/StoreSleek.svg +15 -15
  430. package/src/StoreSpotlight.svg +30 -30
  431. package/src/StoreStreched.svg +30 -13
  432. package/src/StoreStunning.svg +16 -16
  433. package/src/StoreSwapImage.svg +27 -27
  434. package/src/StoreTrim.svg +20 -14
  435. package/src/StoreWrap.svg +13 -15
  436. package/src/animated/HeaderScrollEffectDisappear.html +265 -0
  437. package/src/animated/HeaderScrollEffectFadeOut.html +265 -0
  438. package/src/animated/HeaderScrollEffectMoveWithPage.html +222 -0
  439. package/src/animated/HeaderScrollEffectStayFixed.html +240 -0
  440. package/src/animated/LimitScaling2Guy.html +556 -0
  441. package/src/animated/MaxMinGuy.html +523 -0
  442. package/src/animated/MobileAlgoFastGuy.html +711 -0
  443. package/src/animated/ResponsiveBehaviorElementsFixed.html +267 -0
  444. package/src/animated/ResponsiveBehaviorElementsRelativeWidth.html +332 -0
  445. package/src/animated/ResponsiveBehaviorElementsScaleProportionally.html +336 -0
  446. package/src/animated/ResponsiveBehaviorElementsStretch.html +1028 -0
  447. package/src/animated/ResponsiveBehaviorHeaderFadeOut.html +289 -0
  448. package/src/animated/ResponsiveBehaviorHeaderFreeze.html +290 -0
  449. package/src/animated/ResponsiveBehaviorScaleProportionally.html +445 -0
  450. package/src/animated/ResponsiveBehaviorSectionFixedHeight.html +318 -0
  451. package/src/animated/ResponsiveBehaviorTextCustomScale.html +320 -0
  452. package/src/animated/ResponsiveBehaviorTextFixed.html +189 -0
  453. package/src/animated/ResponsiveBehaviorTextHug.html +565 -0
  454. package/src/animated/ResponsiveBehaviorTextScaleProportionally.html +320 -0
  455. package/src/animated/ResponsiveBehaviorWarp.html +573 -0
package/dist/esm/StoreHeaderPositionStretched.js ADDED
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ const StoreHeaderPositionStretched = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreHeaderPositionStretched__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M13 17a3 3 0 0 1 3-3h40a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3H16a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreHeaderPositionStretched__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreHeaderPositionStretched__c)", d: "M13 0h59v58H13z" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreHeaderPositionStretched__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M13 13h46v18H13z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreHeaderPositionStretched__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M13 13h46v23H13z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreHeaderPositionStretched__f)", d: "M40.34 17.75 29.768 34.819l18.855-2.808z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreHeaderPositionStretched__g)", d: "M59.338 23.847s-14.495-5.93-15.201-6.23-5.094-1.69-3.797 2.317c1.289 3.983 1.995 5.514 2.276 6.194s1.424 3.451-1.453 4.473c-3.26 1.159-20.845 6.66-20.845 6.66v3.159h39.02z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreHeaderPositionStretched__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "8.364", height: "8.364", x: "17.182", y: "17.18", fill: "var(--wds-illustration-color-1, #002291)", rx: "4.182" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreHeaderPositionStretched__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreHeaderPositionStretched__j)", d: "M23.598 10.006a7.917 7.917 0 0 0-5.318 3.764c-2.209 3.744-.98 8.541 2.744 10.713s8.534.894 10.742-2.85c2.208-3.748.98-8.545-2.742-10.714a7.77 7.77 0 0 0-5.426-.913" })))))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 32v-2h47v2z" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M24 30h2v29h-2z" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreHeaderPositionStretched__c", x1: "63.632", x2: "14.228", y1: "5.206", y2: "69.336", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreHeaderPositionStretched__f", x1: "34.659", x2: "50.12", y1: "23.546", y2: "35.719", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreHeaderPositionStretched__g", x1: "24.586", x2: "55.286", y1: "8.062", y2: "37.879", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreHeaderPositionStretched__j", x1: "30.64", x2: "17.225", y1: "11.267", y2: "28.384", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreHeaderPositionStretched__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13 17a3 3 0 0 1 3-3h40a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3H16a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreHeaderPositionStretched__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13 13h46v18H13z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreHeaderPositionStretched__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13 13h46v23H13z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreHeaderPositionStretched__h" }, /* @__PURE__ */ React.createElement("rect", { width: "8.364", height: "8.364", x: "17.182", y: "17.18", fill: "#fff", rx: "4.182" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreHeaderPositionStretched__b", width: "83", height: "82", x: "1", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_10111", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreHeaderPositionStretched__i", width: "26.136", height: "26.134", x: "11.955", y: "4.632", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_10111", stdDeviation: "2.614" })))
16
+ );
17
+ StoreHeaderPositionStretched.displayName = "StoreHeaderPositionStretched";
18
+ export {
19
+ StoreHeaderPositionStretched
20
+ };
package/dist/esm/StoreImageBottom.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const StoreImageBottom = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M45 15v1H14v-1zM45 19v1H14v-1zM28 23v1H14v-1z" }),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImageBottom__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 33a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImageBottom__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 31h54v27H14z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImageBottom__c)", d: "m46.094 35.398-12.41 20.038 22.134-3.296z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImageBottom__d)", d: "M68.397 42.553s-17.016-6.961-17.846-7.314-5.979-1.984-4.456 2.72c1.513 4.675 2.341 6.473 2.671 7.271.33.799 1.672 4.051-1.705 5.252-3.828 1.36-24.47 7.817-24.47 7.817v3.708h45.806z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImageBottom__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "9.818", height: "9.818", x: "18.909", y: "35.906", fill: "var(--wds-illustration-color-1, #002291)", rx: "4.909" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreImageBottom__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImageBottom__g)", d: "M26.441 27.485a9.294 9.294 0 0 0-6.243 4.418c-2.593 4.396-1.15 10.027 3.222 12.576s10.017 1.05 12.61-3.346c2.592-4.4 1.15-10.03-3.22-12.577a9.12 9.12 0 0 0-6.369-1.071" }))))),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImageBottom__c", x1: "39.425", x2: "57.575", y1: "42.202", y2: "56.492", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImageBottom__d", x1: "27.601", x2: "63.64", y1: "24.023", y2: "59.024", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImageBottom__g", x1: "34.707", x2: "18.96", y1: "28.965", y2: "49.059", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImageBottom__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 33a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImageBottom__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 31h54v27H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImageBottom__e" }, /* @__PURE__ */ React.createElement("rect", { width: "9.818", height: "9.818", x: "18.909", y: "35.906", fill: "#fff", rx: "4.909" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreImageBottom__f", width: "30.682", height: "30.679", x: "12.773", y: "21.176", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_10158", stdDeviation: "3.068" })))
15
+ );
16
+ StoreImageBottom.displayName = "StoreImageBottom";
17
+ export {
18
+ StoreImageBottom
19
+ };
package/dist/esm/StoreImageCard.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const StoreImageCard = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImageCard__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImageCard__b)", d: "M12 38h59v29H12z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImageCard__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 18a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImageCard__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 14h54v29H14z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImageCard__e)", d: "m39.325 20.477-10.948 18.33 19.526-3.015z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImageCard__f)", d: "M59 27.023s-15.01-6.368-15.743-6.69c-.732-.323-5.274-1.816-3.931 2.488 1.334 4.276 2.065 5.921 2.356 6.651s1.475 3.706-1.504 4.804c-3.377 1.244-21.587 7.152-21.587 7.152v3.393H59z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImageCard__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "9", height: "9", x: "17", y: "18", fill: "var(--wds-illustration-color-1, #002291)", rx: "4.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreImageCard__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImageCard__i)", d: "M24.532 8.579a9.294 9.294 0 0 0-6.243 4.418c-2.593 4.395-1.15 10.027 3.222 12.576s10.017 1.05 12.61-3.347c2.592-4.399 1.15-10.03-3.22-12.576a9.12 9.12 0 0 0-6.37-1.071" }))))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43 47v1H17v-1zM29 51v1H17v-1z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImageCard__b", x1: "62.632", x2: "45.494", y1: "40.603", y2: "85.097", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImageCard__e", x1: "33.442", x2: "49.894", y1: "26.701", y2: "39.192", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImageCard__f", x1: "23.011", x2: "55.924", y1: "10.071", y2: "40.895", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImageCard__i", x1: "32.798", x2: "17.051", y1: "10.059", y2: "30.153", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImageCard__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "15", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImageCard__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 18a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImageCard__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 15h54v28H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImageCard__g" }, /* @__PURE__ */ React.createElement("rect", { width: "9", height: "9", x: "17", y: "18", fill: "#fff", rx: "4.5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreImageCard__h", width: "30.682", height: "30.679", x: "10.864", y: "2.27", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_10205", stdDeviation: "3.068" })))
14
+ );
15
+ StoreImageCard.displayName = "StoreImageCard";
16
+ export {
17
+ StoreImageCard
18
+ };
package/dist/esm/StoreImagePlacementSide.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const StoreImagePlacementSide = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementSide__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "16", y: "25", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementSide__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.238", height: "22.238", x: "15.881", y: "24.883", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.516" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementSide__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M15.854 26.32c0-.837.679-1.515 1.516-1.515h19.206c.838 0 1.516.678 1.516 1.516v19.206c0 .837-.678 1.516-1.516 1.516H17.37a1.516 1.516 0 0 1-1.516-1.516z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementSide__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.908 24.469H43.2V45.19H15.908z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImagePlacementSide__e)", d: "m30.313 30.516-7.775 12.679 13.867-2.086z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImagePlacementSide__f)", d: "M44.287 35.044s-10.661-4.404-11.181-4.627c-.52-.224-3.746-1.256-2.792 1.72.947 2.959 1.467 4.097 1.673 4.602.207.505 1.048 2.563-1.068 3.323-2.398.86-15.331 4.946-15.331 4.946v2.347h28.699z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementSide__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6.065", height: "6.206", x: "17.903", y: "27.992", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.032" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreImagePlacementSide__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImagePlacementSide__i)", d: "M21.71 24.751q-.374.075-.733.206a4.7 4.7 0 0 0-2.423 2.027c-1.31 2.222-.581 5.068 1.629 6.356s5.063.53 6.373-1.691c1.31-2.223.58-5.07-1.627-6.356a4.6 4.6 0 0 0-3.22-.542" }))))))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M41 31.5h15v1H41zM41 35.5h15v1H41zM41 39.5h8v1h-8z" }),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementSide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "16", y: "25", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementSide__b" }, /* @__PURE__ */ React.createElement("rect", { width: "22.238", height: "22.238", x: "15.881", y: "24.883", fill: "#fff", rx: "1.516" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementSide__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M15.854 26.32c0-.837.679-1.515 1.516-1.515h19.206c.838 0 1.516.678 1.516 1.516v19.206c0 .837-.678 1.516-1.516 1.516H17.37a1.516 1.516 0 0 1-1.516-1.516z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementSide__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M15.881 24.89h27.292V47.13H15.881z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementSide__g" }, /* @__PURE__ */ React.createElement("rect", { width: "6.065", height: "6.206", x: "17.903", y: "27.992", fill: "#fff", rx: "3.032" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImagePlacementSide__e", x1: "26.135", x2: "37.592", y1: "34.821", y2: "43.753", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImagePlacementSide__f", x1: "18.727", x2: "41.524", y1: "23.319", y2: "45.241", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImagePlacementSide__i", x1: "25.887", x2: "17.929", y1: "25.499", y2: "35.655", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreImagePlacementSide__h", width: "15.507", height: "15.508", x: "14.801", y: "21.563", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_10337", stdDeviation: "1.551" })))
15
+ );
16
+ StoreImagePlacementSide.displayName = "StoreImagePlacementSide";
17
+ export {
18
+ StoreImagePlacementSide
19
+ };
package/dist/esm/StoreImagePlacementTop.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const StoreImagePlacementTop = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementTop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementTop__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.238", height: "22.238", x: "24.881", y: "18.883", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.516" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementTop__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24.854 20.32c0-.837.679-1.515 1.516-1.515h19.206c.838 0 1.516.678 1.516 1.516v19.206c0 .837-.678 1.516-1.516 1.516H26.37a1.516 1.516 0 0 1-1.516-1.516z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementTop__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M24.908 18.469H52.2V39.19H24.908z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImagePlacementTop__e)", d: "m39.313 24.516-7.775 12.679 13.867-2.086z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImagePlacementTop__f)", d: "M53.287 29.044s-10.661-4.404-11.181-4.627c-.52-.224-3.746-1.256-2.792 1.72.947 2.959 1.467 4.097 1.673 4.602.207.505 1.048 2.563-1.068 3.323-2.398.86-15.331 4.946-15.331 4.946v2.347h28.698z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImagePlacementTop__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "6.065", height: "6.206", x: "26.903", y: "21.992", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.032" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreImagePlacementTop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImagePlacementTop__i)", d: "M30.71 18.751q-.374.075-.733.206a4.7 4.7 0 0 0-2.423 2.027c-1.31 2.222-.581 5.068 1.629 6.356s5.063.53 6.373-1.691c1.31-2.223.58-5.07-1.627-6.356a4.6 4.6 0 0 0-3.22-.542" }))))))),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25 44h15v1H25zM25 48h15v1H25zM25 52h8v1h-8z" }),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementTop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "19", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementTop__b" }, /* @__PURE__ */ React.createElement("rect", { width: "22.238", height: "22.238", x: "24.881", y: "18.883", fill: "#fff", rx: "1.516" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementTop__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M24.854 20.32c0-.837.679-1.515 1.516-1.515h19.206c.838 0 1.516.678 1.516 1.516v19.206c0 .837-.678 1.516-1.516 1.516H26.37a1.516 1.516 0 0 1-1.516-1.516z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementTop__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M24.881 18.89h27.292V41.13H24.881z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImagePlacementTop__g" }, /* @__PURE__ */ React.createElement("rect", { width: "6.065", height: "6.206", x: "26.903", y: "21.992", fill: "#fff", rx: "3.032" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImagePlacementTop__e", x1: "35.135", x2: "46.592", y1: "28.821", y2: "37.753", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImagePlacementTop__f", x1: "27.727", x2: "50.524", y1: "17.319", y2: "39.241", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImagePlacementTop__i", x1: "34.888", x2: "26.929", y1: "19.499", y2: "29.655", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreImagePlacementTop__h", width: "15.507", height: "15.508", x: "23.801", y: "15.563", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_10386", stdDeviation: "1.551" })))
15
+ );
16
+ StoreImagePlacementTop.displayName = "StoreImagePlacementTop";
17
+ export {
18
+ StoreImagePlacementTop
19
+ };
package/dist/esm/StoreInline.js CHANGED
@@ -9,10 +9,9 @@ const StoreInline = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreInline__a)" }, /* @__PURE__ */ React.createElement("g", { fill: "var(--wds-illustration-color-6, #002296)", clipPath: "url(#StoreInline__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "44", x: "28", y: "14", rx: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M42 36h30v22H42z" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreInline__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "35", x: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreInline__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreInline__e)", d: "M14 0h58v35H14z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M34 43h18v1H34zM34 51h8v1h-8zM34 47h18v1H34z" })),
13
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M59 35v2H13v-2z" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M28 37h-2V13h2z" }),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "StoreInline__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreInline__b" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "44", x: "28", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreInline__c" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "35", x: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreInline__e", x1: "63.774", x2: "39.942", y1: "3.142", y2: "53.538", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreInline__d", width: "82", height: "59", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_9106", stdDeviation: "6" })))
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreInline__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreInline__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "44", x: "28", y: "14", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreInline__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreInline__d)", d: "M9 7h111v67H9z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreInline__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "35", x: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreInline__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreInline__g)", d: "M12-2h66v40H12z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M42 52h-8v-1h8zM52 48H34v-1h18zM52 44H34v-1h18z" })),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M28 35h31v2H13v-2h13V13h2z" }),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "StoreInline__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreInline__b" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "44", x: "28", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreInline__e" }, /* @__PURE__ */ React.createElement("rect", { width: "58", height: "35", x: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreInline__d", x1: "104.257", x2: "58.628", y1: "13.014", y2: "109.477", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreInline__g", x1: "68.639", x2: "41.328", y1: "1.59", y2: "59.095", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreInline__c", width: "135", height: "91", x: "-3", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1594_18793", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreInline__f", width: "90", height: "64", x: "0", y: "-14", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1594_18793", stdDeviation: "6" })))
16
15
  );
17
16
  StoreInline.displayName = "StoreInline";
18
17
  export {
package/dist/esm/StoreNegativeBack.js CHANGED
@@ -10,10 +10,10 @@ const StoreNegativeBack = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H34.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }),
13
- /* @__PURE__ */ React.createElement("mask", { id: "StoreNegativeBack__a", width: "41", height: "15", x: "19", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H34.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
14
- /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreNegativeBack__b)", mask: "url(#StoreNegativeBack__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreNegativeBack__c)", d: "M19 0h56v44H19z" })),
15
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M11.5 36.998a.5.5 0 0 1 .2-.4l4-3 .6.8-3.467 2.6 3.467 2.6-.6.8-4-3a.5.5 0 0 1-.2-.4" }),
16
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreNegativeBack__c", x1: "67.058", x2: "32.446", y1: "3.949", y2: "60.161", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreNegativeBack__b", width: "72.8", height: "60.8", x: "10.6", y: "-8.4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8676", stdDeviation: "4.2" })))
13
+ /* @__PURE__ */ React.createElement("mask", { id: "StoreNegativeBack__a", width: "41", height: "15", x: "19", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.774 44.003h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zM44.47 44.003H34.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM54.087 44.003h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
14
+ /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreNegativeBack__b)", mask: "url(#StoreNegativeBack__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreNegativeBack__c)", d: "M19 .008h56v44H19z" })),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M9.5 36.998a.5.5 0 0 1 .2-.4l4-3 .6.8-3.467 2.6 3.467 2.6-.6.8-4-3a.5.5 0 0 1-.2-.4" }),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreNegativeBack__c", x1: "67.058", x2: "32.446", y1: "3.957", y2: "60.169", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreNegativeBack__b", width: "72.8", height: "60.8", x: "10.6", y: "-8.392", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_17334", stdDeviation: "4.2" })))
17
17
  );
18
18
  StoreNegativeBack.displayName = "StoreNegativeBack";
19
19
  export {
package/dist/esm/StoreOnImage.js CHANGED
@@ -9,9 +9,10 @@ const StoreOnImage = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreOnImage__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", opacity: ".75", rx: "3" })),
13
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreOnImage__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#StoreOnImage__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__d)", d: "M36.672 24.797 23.246 46.054l24.294-2.68z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__e)", d: "M56 30.183s-13.42-5.17-14.347-5.562c-.928-.391-6.683-2.202-4.981 3.019 1.69 5.187 2.617 7.182 2.985 8.068.369.886 1.869 4.495-1.905 5.827C33.473 43.044 16 48.222 16 48.222v6.103h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreOnImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreOnImage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__h)", d: "M27.84 10.734a12.622 12.622 0 0 0-8.479 6c-3.52 5.97-1.562 13.617 4.376 17.079s13.604 1.425 17.124-4.545c3.52-5.974 1.562-13.621-4.372-17.079a12.38 12.38 0 0 0-8.65-1.455" })))), /* @__PURE__ */ React.createElement("rect", { width: "20", height: "6", x: "26", y: "44", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" })),
14
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "72", height: "72", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "24", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "72", height: "72", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__d", x1: "29.217", x2: "55.826", y1: "32.347", y2: "50.955", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__e", x1: "25.044", x2: "56", y1: "34.435", y2: "51.304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__h", x1: "39.066", x2: "17.68", y1: "12.744", y2: "40.033", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreOnImage__g", width: "29.334", height: "29.334", x: "15.444", y: "8.333", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_9068", stdDeviation: "1.083" })))
12
+ /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", opacity: ".5", rx: "3" }),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".4", clipPath: "url(#StoreOnImage__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__b)", d: "M36.672 24.797 23.246 46.054l24.294-2.68z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__c)", d: "M56 30.183s-13.42-5.17-14.347-5.562c-.928-.391-6.683-2.202-4.981 3.019 1.69 5.187 2.617 7.182 2.985 8.068.369.886 1.869 4.495-1.905 5.827C33.473 43.044 16 48.222 16 48.222v6.103h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreOnImage__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreOnImage__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__f)", d: "M27.84 10.734a12.622 12.622 0 0 0-8.479 6c-3.52 5.97-1.562 13.617 4.376 17.079s13.604 1.425 17.124-4.545c3.52-5.974 1.562-13.621-4.372-17.079a12.38 12.38 0 0 0-8.65-1.455" })))),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "6", x: "26", y: "42", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__b", x1: "29.217", x2: "55.826", y1: "32.347", y2: "50.955", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__c", x1: "25.044", x2: "56", y1: "34.435", y2: "51.304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__f", x1: "39.066", x2: "17.68", y1: "12.744", y2: "40.033", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__d" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "24", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreOnImage__e", width: "29.334", height: "29.334", x: "15.444", y: "8.333", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1594_18622", stdDeviation: "1.083" })))
15
16
  );
16
17
  StoreOnImage.displayName = "StoreOnImage";
17
18
  export {
package/dist/esm/StorePopUp.js CHANGED
@@ -10,15 +10,13 @@ const StorePopUp = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "3" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StorePopUp__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePopUp__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePopUp__c)", d: "M14 0h58v58H14z" }))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 36h46M36 59V13", strokeWidth: "2" })),
14
- /* @__PURE__ */ React.createElement("rect", { width: "36", height: "20", x: "18", y: "26", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }),
15
- /* @__PURE__ */ React.createElement("circle", { cx: "44.5", cy: "34.5", r: "1.5", fill: "var(--wds-illustration-color-3, #b8c4ff)" }),
16
- /* @__PURE__ */ React.createElement("circle", { cx: "49.5", cy: "34.5", r: "1.5", fill: "var(--wds-illustration-color-3, #b8c4ff)" }),
17
- /* @__PURE__ */ React.createElement("circle", { cx: "39.5", cy: "34.5", r: "1.5", fill: "var(--wds-illustration-color-3, #b8c4ff)" }),
18
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M37 29h8v1h-8z" }),
19
- /* @__PURE__ */ React.createElement("rect", { width: "8", height: "4", x: "43", y: "39", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: "2" }),
20
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StorePopUp__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "14", height: "14", x: "21", y: "29", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePopUp__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePopUp__f)", d: "M21 14h37v29H21z" }))),
21
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePopUp__c", x1: "63.774", x2: "14.16", y1: "5.206", y2: "68.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePopUp__f", x1: "52.752", x2: "29.965", y1: "16.603", y2: "53.702", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StorePopUp__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StorePopUp__d" }, /* @__PURE__ */ React.createElement("rect", { width: "14", height: "14", x: "21", y: "29", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePopUp__b", width: "82", height: "82", x: "2", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_9023", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePopUp__e", width: "61", height: "53", x: "9", y: "2", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_9023", stdDeviation: "6" })))
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#StorePopUp__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePopUp__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePopUp__c)", d: "M12 2h58v58H12z" }))),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M59 35v2H13v-2z" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 13h2v46h-2z" }),
16
+ /* @__PURE__ */ React.createElement("rect", { width: "36", height: "20", x: "18", y: "26", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }),
17
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M46 34.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M51 34.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M41 34.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M37 29h8v1h-8zM43 41a2 2 0 0 1 2-2h4a2 2 0 1 1 0 4h-4a2 2 0 0 1-2-2" }),
18
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StorePopUp__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "14", height: "14", x: "21", y: "29", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePopUp__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePopUp__f)", d: "M18 16h37v29H18z" }))),
19
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePopUp__c", x1: "61.774", x2: "12.16", y1: "7.206", y2: "70.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePopUp__f", x1: "49.752", x2: "26.965", y1: "18.603", y2: "55.702", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StorePopUp__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StorePopUp__d" }, /* @__PURE__ */ React.createElement("rect", { width: "14", height: "14", x: "21", y: "29", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePopUp__b", width: "82", height: "82", x: "0", y: "-10", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1593_18410", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePopUp__e", width: "61", height: "53", x: "6", y: "4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1593_18410", stdDeviation: "6" })))
22
20
  );
23
21
  StorePopUp.displayName = "StorePopUp";
24
22
  export {
package/dist/esm/StorePriceSideBySide.js CHANGED
@@ -9,10 +9,10 @@ const StorePriceSideBySide = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "3" }),
12
+ /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "3" }),
13
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StorePriceSideBySide__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePriceSideBySide__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePriceSideBySide__c)", d: "M16 0h56v46H16z" }))),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M37 35h14v1H37zM20 35h14v1H20z" }),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePriceSideBySide__c", x1: "64.058", x2: "27.171", y1: "4.129", y2: "61.431", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StorePriceSideBySide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePriceSideBySide__b", width: "80", height: "70", x: "4", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8911", stdDeviation: "6" })))
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M37 35h14v1H37zM20 35h14v1H20z" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePriceSideBySide__c", x1: "64.058", x2: "27.171", y1: "4.129", y2: "61.431", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StorePriceSideBySide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePriceSideBySide__b", width: "80", height: "70", x: "4", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_17815", stdDeviation: "6" })))
16
16
  );
17
17
  StorePriceSideBySide.displayName = "StorePriceSideBySide";
18
18
  export {
package/dist/esm/StorePriceStacked.js CHANGED
@@ -9,10 +9,10 @@ const StorePriceStacked = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "3" }),
12
+ /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "3" }),
13
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StorePriceStacked__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePriceStacked__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePriceStacked__c)", d: "M16 0h56v46H16z" }))),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M29 32h14v1H29zM29 39h14v1H29z" }),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePriceStacked__c", x1: "64.058", x2: "27.171", y1: "4.129", y2: "61.431", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StorePriceStacked__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePriceStacked__b", width: "80", height: "70", x: "4", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8897", stdDeviation: "6" })))
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29 32h14v1H29zM29 39h14v1H29z" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePriceStacked__c", x1: "64.058", x2: "27.171", y1: "4.129", y2: "61.431", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StorePriceStacked__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePriceStacked__b", width: "80", height: "70", x: "4", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_17723", stdDeviation: "6" })))
16
16
  );
17
17
  StorePriceStacked.displayName = "StorePriceStacked";
18
18
  export {
package/dist/esm/StoreProductInfo.js CHANGED
@@ -12,9 +12,8 @@ const StoreProductInfo = (props) => /* @__PURE__ */ React.createElement(
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "3" }),
13
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StoreProductInfo__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreProductInfo__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreProductInfo__c)", d: "M14 0h58v56H14z" }))),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M58 51a1 1 0 1 1-2 0V21a1 1 0 1 1 2 0z" }),
15
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 35h-2v-8h2z" }),
16
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22 45.5a2.5 2.5 0 0 1 2.5-2.5h9a2.5 2.5 0 0 1 0 5h-9a2.5 2.5 0 0 1-2.5-2.5M46 23v1H22v-1zM46 27v1H22v-1zM37 31v1H22v-1z" }),
17
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreProductInfo__c", x1: "63.774", x2: "16.299", y1: "5.027", y2: "67.771", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreProductInfo__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreProductInfo__b", width: "68", height: "66", x: "9", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8341", stdDeviation: "2.5" })))
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 35h-2v-8h2zM22 45.5a2.5 2.5 0 0 1 2.5-2.5h9a2.5 2.5 0 0 1 0 5h-9a2.5 2.5 0 0 1-2.5-2.5M46 23v1H22v-1zM46 27v1H22v-1zM37 31v1H22v-1z" }),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreProductInfo__c", x1: "63.774", x2: "16.299", y1: "5.027", y2: "67.771", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreProductInfo__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreProductInfo__b", width: "68", height: "66", x: "9", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_16706", stdDeviation: "2.5" })))
18
17
  );
19
18
  StoreProductInfo.displayName = "StoreProductInfo";
20
19
  export {
package/dist/esm/StoreProductLayoutClassic.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const StoreProductLayoutClassic = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M45 49v1H14v-1zM45 53v1H14v-1zM28 57v1H14v-1z" }),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreProductLayoutClassic__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 18a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreProductLayoutClassic__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 14h54v29H14z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreProductLayoutClassic__c)", d: "m46.094 20.406-12.41 20.038 22.134-3.296z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreProductLayoutClassic__d)", d: "M68.397 27.56s-17.016-6.96-17.846-7.313-5.979-1.984-4.456 2.72c1.513 4.675 2.341 6.473 2.671 7.271.33.799 1.672 4.051-1.705 5.251-3.828 1.36-24.47 7.818-24.47 7.818v3.708h45.806z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreProductLayoutClassic__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "9.818", height: "9.818", x: "18.909", y: "20.906", fill: "var(--wds-illustration-color-1, #002291)", rx: "4.909" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreProductLayoutClassic__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreProductLayoutClassic__g)", d: "M26.441 12.485a9.294 9.294 0 0 0-6.243 4.418c-2.593 4.396-1.15 10.027 3.222 12.576s10.017 1.05 12.61-3.346c2.592-4.4 1.15-10.03-3.22-12.577a9.12 9.12 0 0 0-6.369-1.071" }))))),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreProductLayoutClassic__c", x1: "39.425", x2: "57.575", y1: "27.21", y2: "41.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreProductLayoutClassic__d", x1: "27.601", x2: "63.64", y1: "9.03", y2: "44.032", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreProductLayoutClassic__g", x1: "34.707", x2: "18.96", y1: "13.965", y2: "34.059", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreProductLayoutClassic__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 18a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreProductLayoutClassic__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 13h54v30H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreProductLayoutClassic__e" }, /* @__PURE__ */ React.createElement("rect", { width: "9.818", height: "9.818", x: "18.909", y: "20.906", fill: "#fff", rx: "4.909" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreProductLayoutClassic__f", width: "30.682", height: "30.679", x: "12.773", y: "6.176", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_9975", stdDeviation: "3.068" })))
15
+ );
16
+ StoreProductLayoutClassic.displayName = "StoreProductLayoutClassic";
17
+ export {
18
+ StoreProductLayoutClassic
19
+ };
package/dist/esm/StoreRibonHorizontal.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const StoreRibonHorizontal = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreRibonHorizontal__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "46", x: "59", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 59 24)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreRibonHorizontal__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreRibonHorizontal__c)", d: "M13 0h58v48H13z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M37 49V23h-2v26z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M11 37h51.65v-2H11z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreRibonHorizontal__c", x1: "62.774", x2: "24.165", y1: "4.308", y2: "63.84", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreRibonHorizontal__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "46", x: "59", y: "24", fill: "#fff", rx: "3", transform: "rotate(90 59 24)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreRibonHorizontal__b", width: "82", height: "72", x: "1", y: "-12", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_10252", stdDeviation: "6" })))
14
+ );
15
+ StoreRibonHorizontal.displayName = "StoreRibonHorizontal";
16
+ export {
17
+ StoreRibonHorizontal
18
+ };
package/dist/esm/StoreRibonStack.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const StoreRibonStack = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreRibonStack__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "46", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(-1 0 0 1 48 13)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreRibonStack__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreRibonStack__c)", d: "M72 59V1H24v58z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M23 23h26v2H23zM23 35h26v2H23zM23 47h26v2H23z" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreRibonStack__c", x1: "67.692", x2: "8.16", y1: "9.226", y2: "47.835", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreRibonStack__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "46", fill: "#fff", rx: "3", transform: "matrix(-1 0 0 1 48 13)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreRibonStack__b", width: "72", height: "82", x: "12", y: "-11", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1633_10277", stdDeviation: "6" })))
14
+ );
15
+ StoreRibonStack.displayName = "StoreRibonStack";
16
+ export {
17
+ StoreRibonStack
18
+ };
package/dist/esm/StoreSideBySide.js CHANGED
@@ -9,9 +9,9 @@ const StoreSideBySide = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSideBySide__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16 28a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H19a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSideBySide__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSideBySide__c)", d: "M16 3h47v44H16z" }))),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSideBySide__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16 28a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H19a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSideBySide__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSideBySide__c)", d: "M14 5h47v44H14z" }))),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M41 31h15v1H41zM41 35h15v1H41zM41 39h8v1h-8z" }),
14
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSideBySide__c", x1: "56.334", x2: "19.36", y1: "6.949", y2: "57.347", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSideBySide__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 28a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H19a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreSideBySide__b", width: "59", height: "56", x: "10", y: "-3", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8822", stdDeviation: "3" })))
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSideBySide__c", x1: "54.334", x2: "17.36", y1: "8.949", y2: "59.347", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSideBySide__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 28a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H19a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreSideBySide__b", width: "59", height: "56", x: "8", y: "-1", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_17672", stdDeviation: "3" })))
15
15
  );
16
16
  StoreSideBySide.displayName = "StoreSideBySide";
17
17
  export {
package/dist/esm/StoreSleek.js CHANGED
@@ -10,8 +10,8 @@ const StoreSleek = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSleek__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "22", x: "14", y: "18", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSleek__b)", d: "m36.739 21.875-14.77 23.383 26.725-2.947z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSleek__c)", d: "M58 27.8s-14.761-5.686-15.782-6.117c-1.02-.43-7.35-2.422-5.48 3.32 1.86 5.707 2.88 7.901 3.285 8.876s2.055 4.945-2.096 6.41C33.22 41.949 14 47.644 14 47.644v6.713h44z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSleek__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "17", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSleek__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSleek__f)", d: "M22.728 17.131a7.068 7.068 0 0 0-4.748 3.36c-1.972 3.343-.875 7.625 2.45 9.564s7.619.798 9.59-2.545c1.972-3.345.874-7.628-2.448-9.564a6.93 6.93 0 0 0-4.844-.815" })))),
13
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M31 52.5a1.5 1.5 0 0 1 1.5-1.5h7a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1-1.5-1.5M48 43v1H24v-1zM41 47v1H31v-1z" }),
14
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSleek__b", x1: "28.539", x2: "57.809", y1: "30.18", y2: "50.649", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSleek__c", x1: "23.948", x2: "58", y1: "32.478", y2: "51.035", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSleek__f", x1: "29.014", x2: "17.039", y1: "18.257", y2: "33.538", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSleek__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "22", x: "14", y: "18", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSleek__d" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "17", y: "21", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreSleek__e", width: "18.334", height: "18.334", x: "14.833", y: "14.833", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8254", stdDeviation: "1.083" })))
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M31 52.5a1.5 1.5 0 0 1 1.5-1.5h7a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1-1.5-1.5M52 43v1H20v-1zM52 47v1H20v-1z" }),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSleek__b", x1: "28.539", x2: "57.809", y1: "30.18", y2: "50.649", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSleek__c", x1: "25", x2: "58", y1: "32", y2: "51.035", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSleek__f", x1: "29.014", x2: "17.039", y1: "18.257", y2: "33.538", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSleek__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "22", x: "14", y: "18", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSleek__d" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "17", y: "21", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreSleek__e", width: "18.334", height: "18.334", x: "14.833", y: "14.833", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_16385", stdDeviation: "1.083" })))
15
15
  );
16
16
  StoreSleek.displayName = "StoreSleek";
17
17
  export {
package/dist/esm/StoreSpotlight.js CHANGED
@@ -10,10 +10,11 @@ const StoreSpotlight = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "44", height: "26", x: "14", y: "21", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "3" }),
13
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StoreSpotlight__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "26", x: "14", y: "18", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSpotlight__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__c)", d: "M14 0h58v44H14z" }))),
14
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSpotlight__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17", y: "21", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__e)", d: "m27.336 26.398-6.713 10.63 12.147-1.34z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__f)", d: "M37 29.091s-6.71-2.585-7.174-2.78c-.463-.196-3.341-1.101-2.49 1.509.845 2.594 1.308 3.591 1.493 4.034.184.443.934 2.248-.953 2.913C25.736 35.523 17 38.112 17 38.112v3.052h20z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSpotlight__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "19", y: "23", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSpotlight__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__i)", d: "M22.273 20.075a4.039 4.039 0 0 0-2.713 1.92c-1.127 1.91-.5 4.357 1.4 5.465s4.353.456 5.48-1.454c1.127-1.912.5-4.359-1.399-5.465a3.96 3.96 0 0 0-2.768-.466" })))),
15
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M43 34.5a1.5 1.5 0 0 1 1.5-1.5h6a1.5 1.5 0 0 1 0 3h-6a1.5 1.5 0 0 1-1.5-1.5M55 25v1H40v-1zM55 29v1H40v-1zM37 47v1H17v-1z" }),
16
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSpotlight__c", x1: "63.774", x2: "29.721", y1: "3.949", y2: "61.228", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSpotlight__e", x1: "23.609", x2: "36.913", y1: "30.173", y2: "39.478", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSpotlight__f", x1: "21.522", x2: "37", y1: "31.217", y2: "39.652", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSpotlight__i", x1: "25.865", x2: "19.022", y1: "20.718", y2: "29.45", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSpotlight__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "26", x: "14", y: "18", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSpotlight__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSpotlight__g" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "19", y: "23", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreSpotlight__b", width: "68", height: "54", x: "9", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8288", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreSpotlight__h", width: "12.334", height: "12.334", x: "16.833", y: "17.833", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1164_8288", stdDeviation: "1.083" })))
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StoreSpotlight__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "26", x: "14", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSpotlight__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__c)", d: "M14 3h58v44H14z" }))),
14
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSpotlight__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__e)", d: "m27.336 29.398-6.713 10.63 12.147-1.34z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__f)", d: "M37 32.091s-6.71-2.585-7.174-2.78c-.463-.196-3.341-1.101-2.49 1.509.845 2.594 1.308 3.591 1.493 4.034.184.443.934 2.248-.953 2.913C25.736 38.523 17 41.112 17 41.112v3.052h20z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSpotlight__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "19", y: "26", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSpotlight__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__i)", d: "M22.273 23.075a4.039 4.039 0 0 0-2.713 1.92c-1.127 1.91-.5 4.357 1.4 5.465s4.353.456 5.48-1.454c1.127-1.912.5-4.359-1.399-5.465a3.96 3.96 0 0 0-2.768-.466" })))),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M43 37.5a1.5 1.5 0 0 1 1.5-1.5h6a1.5 1.5 0 0 1 0 3h-6a1.5 1.5 0 0 1-1.5-1.5M55 28v1H40v-1zM55 32v1H40v-1z" }),
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M37 50v1H17v-1z" }),
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSpotlight__c", x1: "63.774", x2: "29.721", y1: "6.949", y2: "64.228", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSpotlight__e", x1: "24.5", x2: "36.913", y1: "34.001", y2: "42.478", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSpotlight__f", x1: "21.522", x2: "37", y1: "34.217", y2: "42.652", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreSpotlight__i", x1: "25.865", x2: "19.022", y1: "23.718", y2: "32.45", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSpotlight__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "26", x: "14", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSpotlight__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17", y: "24", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreSpotlight__g" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "19", y: "26", fill: "#fff", rx: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreSpotlight__b", width: "68", height: "54", x: "9", y: "-2", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_16608", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreSpotlight__h", width: "12.334", height: "12.334", x: "16.833", y: "20.833", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1574_16608", stdDeviation: "1.083" })))
17
18
  );
18
19
  StoreSpotlight.displayName = "StoreSpotlight";
19
20
  export {