@lukso/web-components 1.5.4 → 1.6.1

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 (207) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +3 -12
  3. package/dist/assets/images/lukso-logo.svg +3 -0
  4. package/dist/assets/images/profile-default.png +0 -0
  5. package/dist/components/index.d.ts.map +1 -0
  6. package/dist/components/index.js +828 -814
  7. package/dist/components/index.umd.cjs +156 -155
  8. package/dist/components/lukso-button/index.d.ts.map +1 -0
  9. package/dist/components/lukso-button/index.js +104 -104
  10. package/dist/components/lukso-button/index.umd.cjs +5 -5
  11. package/dist/components/lukso-card/index.d.ts +5 -2
  12. package/dist/components/lukso-card/index.d.ts.map +1 -0
  13. package/dist/components/lukso-card/index.js +221 -204
  14. package/dist/components/lukso-card/index.umd.cjs +26 -25
  15. package/dist/components/lukso-icon/icons/add-photo.d.ts.map +1 -0
  16. package/dist/components/lukso-icon/icons/arrow-down-lg.d.ts.map +1 -0
  17. package/dist/components/lukso-icon/icons/arrow-down-sm.d.ts.map +1 -0
  18. package/dist/components/lukso-icon/icons/arrow-left-lg.d.ts.map +1 -0
  19. package/dist/components/lukso-icon/icons/arrow-left-sm.d.ts.map +1 -0
  20. package/dist/components/lukso-icon/icons/arrow-right-lg.d.ts.map +1 -0
  21. package/dist/components/lukso-icon/icons/arrow-right-sm.d.ts.map +1 -0
  22. package/dist/components/lukso-icon/icons/arrow-up-lg.d.ts.map +1 -0
  23. package/dist/components/lukso-icon/icons/arrow-up-sm.d.ts.map +1 -0
  24. package/dist/components/lukso-icon/icons/barbell-outline.d.ts.map +1 -0
  25. package/dist/components/lukso-icon/icons/bulb-outline.d.ts.map +1 -0
  26. package/dist/components/lukso-icon/icons/camera.d.ts.map +1 -0
  27. package/dist/components/lukso-icon/icons/clipboard.d.ts.map +1 -0
  28. package/dist/components/lukso-icon/icons/clock.d.ts.map +1 -0
  29. package/dist/components/lukso-icon/icons/close-lg.d.ts.map +1 -0
  30. package/dist/components/lukso-icon/icons/close-sm.d.ts.map +1 -0
  31. package/dist/components/lukso-icon/icons/cloud.d.ts.map +1 -0
  32. package/dist/components/lukso-icon/icons/compass-outline.d.ts.map +1 -0
  33. package/dist/components/lukso-icon/icons/complete-filled-fade-in.d.ts.map +1 -0
  34. package/dist/components/lukso-icon/icons/complete-filled.d.ts.map +1 -0
  35. package/dist/components/lukso-icon/icons/complete-outline.d.ts.map +1 -0
  36. package/dist/components/lukso-icon/icons/connect.d.ts.map +1 -0
  37. package/dist/components/lukso-icon/icons/connections.d.ts.map +1 -0
  38. package/dist/components/lukso-icon/icons/contract-lock.d.ts.map +1 -0
  39. package/dist/components/lukso-icon/icons/controller.d.ts.map +1 -0
  40. package/dist/components/lukso-icon/icons/copy.d.ts.map +1 -0
  41. package/dist/components/lukso-icon/icons/cross-outline.d.ts.map +1 -0
  42. package/dist/components/lukso-icon/icons/dots.d.ts.map +1 -0
  43. package/dist/components/lukso-icon/icons/edit.d.ts.map +1 -0
  44. package/dist/components/lukso-icon/icons/error.d.ts.map +1 -0
  45. package/dist/components/lukso-icon/icons/eth-logo.d.ts.map +1 -0
  46. package/dist/components/lukso-icon/icons/expand.d.ts.map +1 -0
  47. package/dist/components/lukso-icon/icons/extension.d.ts.map +1 -0
  48. package/dist/components/lukso-icon/icons/eye-hide.d.ts.map +1 -0
  49. package/dist/components/lukso-icon/icons/eye-show.d.ts.map +1 -0
  50. package/dist/components/lukso-icon/icons/filter.d.ts.map +1 -0
  51. package/dist/components/lukso-icon/icons/fish-outline.d.ts.map +1 -0
  52. package/dist/components/lukso-icon/icons/flip.d.ts.map +1 -0
  53. package/dist/components/lukso-icon/icons/globe.d.ts.map +1 -0
  54. package/dist/components/lukso-icon/icons/google-color.d.ts.map +1 -0
  55. package/dist/components/lukso-icon/icons/hamburger.d.ts.map +1 -0
  56. package/dist/components/lukso-icon/icons/infinite.d.ts.map +1 -0
  57. package/dist/components/lukso-icon/icons/information.d.ts.map +1 -0
  58. package/dist/components/lukso-icon/icons/key-outline.d.ts.map +1 -0
  59. package/dist/components/lukso-icon/icons/link.d.ts.map +1 -0
  60. package/dist/components/lukso-icon/icons/link1.d.ts.map +1 -0
  61. package/dist/components/lukso-icon/icons/link2.d.ts.map +1 -0
  62. package/dist/components/lukso-icon/icons/link3.d.ts.map +1 -0
  63. package/dist/components/lukso-icon/icons/link4.d.ts.map +1 -0
  64. package/dist/components/lukso-icon/icons/loading.d.ts.map +1 -0
  65. package/dist/components/lukso-icon/icons/location.d.ts.map +1 -0
  66. package/dist/components/lukso-icon/icons/locked.d.ts.map +1 -0
  67. package/dist/components/lukso-icon/icons/login-2.d.ts.map +1 -0
  68. package/dist/components/lukso-icon/icons/login-3.d.ts.map +1 -0
  69. package/dist/components/lukso-icon/icons/login.d.ts.map +1 -0
  70. package/dist/components/lukso-icon/icons/logo-chrome.d.ts.map +1 -0
  71. package/dist/components/lukso-icon/icons/lyx-logo.d.ts.map +1 -0
  72. package/dist/components/lukso-icon/icons/mail.d.ts.map +1 -0
  73. package/dist/components/lukso-icon/icons/menu-1.d.ts.map +1 -0
  74. package/dist/components/lukso-icon/icons/menu-2.d.ts.map +1 -0
  75. package/dist/components/lukso-icon/icons/migrate.d.ts.map +1 -0
  76. package/dist/components/lukso-icon/icons/minimize.d.ts.map +1 -0
  77. package/dist/components/lukso-icon/icons/network.d.ts.map +1 -0
  78. package/dist/components/lukso-icon/icons/notifications.d.ts.map +1 -0
  79. package/dist/components/lukso-icon/icons/phone-portrait-outline.d.ts.map +1 -0
  80. package/dist/components/lukso-icon/icons/pin.d.ts.map +1 -0
  81. package/dist/components/lukso-icon/icons/play-filled.d.ts.map +1 -0
  82. package/dist/components/lukso-icon/icons/play-outline.d.ts.map +1 -0
  83. package/dist/components/lukso-icon/icons/plus.d.ts.map +1 -0
  84. package/dist/components/lukso-icon/icons/profile-add.d.ts.map +1 -0
  85. package/dist/components/lukso-icon/icons/profile-export.d.ts.map +1 -0
  86. package/dist/components/lukso-icon/icons/profile-import.d.ts.map +1 -0
  87. package/dist/components/lukso-icon/icons/profile-recovery-2.d.ts.map +1 -0
  88. package/dist/components/lukso-icon/icons/profile-recovery.d.ts.map +1 -0
  89. package/dist/components/lukso-icon/icons/profile-restore.d.ts.map +1 -0
  90. package/dist/components/lukso-icon/icons/profile.d.ts.map +1 -0
  91. package/dist/components/lukso-icon/icons/progress-complete.d.ts.map +1 -0
  92. package/dist/components/lukso-icon/icons/progress-indicator.d.ts.map +1 -0
  93. package/dist/components/lukso-icon/icons/pulse-dot.d.ts.map +1 -0
  94. package/dist/components/lukso-icon/icons/qr-code.d.ts.map +1 -0
  95. package/dist/components/lukso-icon/icons/relayer.d.ts.map +1 -0
  96. package/dist/components/lukso-icon/icons/reload.d.ts.map +1 -0
  97. package/dist/components/lukso-icon/icons/return-down.d.ts.map +1 -0
  98. package/dist/components/lukso-icon/icons/return-left.d.ts.map +1 -0
  99. package/dist/components/lukso-icon/icons/return-right.d.ts.map +1 -0
  100. package/dist/components/lukso-icon/icons/return-up.d.ts.map +1 -0
  101. package/dist/components/lukso-icon/icons/search.d.ts.map +1 -0
  102. package/dist/components/lukso-icon/icons/settings.d.ts.map +1 -0
  103. package/dist/components/lukso-icon/icons/smart-contract-doc.d.ts.map +1 -0
  104. package/dist/components/lukso-icon/icons/smart-contract.d.ts.map +1 -0
  105. package/dist/components/lukso-icon/icons/star-filled.d.ts.map +1 -0
  106. package/dist/components/lukso-icon/icons/star-outline.d.ts.map +1 -0
  107. package/dist/components/lukso-icon/icons/step-dot.d.ts.map +1 -0
  108. package/dist/components/lukso-icon/icons/step-progress.d.ts.map +1 -0
  109. package/dist/components/lukso-icon/icons/steps.d.ts.map +1 -0
  110. package/dist/components/lukso-icon/icons/tick.d.ts.map +1 -0
  111. package/dist/components/lukso-icon/icons/timer-outline.d.ts.map +1 -0
  112. package/dist/components/lukso-icon/icons/transaction-receive.d.ts.map +1 -0
  113. package/dist/components/lukso-icon/icons/transaction-send.d.ts.map +1 -0
  114. package/dist/components/lukso-icon/icons/transfer.d.ts.map +1 -0
  115. package/dist/components/lukso-icon/icons/trash.d.ts.map +1 -0
  116. package/dist/components/lukso-icon/icons/turn-down.d.ts.map +1 -0
  117. package/dist/components/lukso-icon/icons/turn-left.d.ts.map +1 -0
  118. package/dist/components/lukso-icon/icons/turn-right.d.ts.map +1 -0
  119. package/dist/components/lukso-icon/icons/turn-up.d.ts.map +1 -0
  120. package/dist/components/lukso-icon/icons/unlocked.d.ts.map +1 -0
  121. package/dist/components/lukso-icon/icons/wallet-outline.d.ts.map +1 -0
  122. package/dist/components/lukso-icon/icons/warning-round.d.ts.map +1 -0
  123. package/dist/components/lukso-icon/icons/warning-triangle.d.ts.map +1 -0
  124. package/dist/components/lukso-icon/index.d.ts.map +1 -0
  125. package/dist/components/lukso-icon/index.js +78 -78
  126. package/dist/components/lukso-icon/index.umd.cjs +224 -224
  127. package/dist/components/lukso-input/index.d.ts.map +1 -0
  128. package/dist/components/lukso-input/index.js +31 -30
  129. package/dist/components/lukso-input/index.umd.cjs +13 -13
  130. package/dist/components/lukso-navbar/index.d.ts.map +1 -0
  131. package/dist/components/lukso-navbar/index.js +2 -2
  132. package/dist/components/lukso-navbar/index.umd.cjs +2 -2
  133. package/dist/components/lukso-profile/index.d.ts.map +1 -0
  134. package/dist/components/lukso-profile/index.js +2 -2
  135. package/dist/components/lukso-profile/index.umd.cjs +2 -2
  136. package/dist/components/lukso-sanitize/index.d.ts.map +1 -0
  137. package/dist/components/lukso-sanitize/index.js +39 -39
  138. package/dist/components/lukso-sanitize/index.umd.cjs +1 -1
  139. package/dist/components/lukso-tag/index.d.ts.map +1 -0
  140. package/dist/components/lukso-tag/index.js +1 -1
  141. package/dist/components/lukso-tag/index.umd.cjs +1 -1
  142. package/dist/components/lukso-test/index.d.ts.map +1 -0
  143. package/dist/components/lukso-test/index.js +550 -550
  144. package/dist/components/lukso-test/index.umd.cjs +12 -12
  145. package/dist/components/lukso-username/index.d.ts.map +1 -0
  146. package/dist/components/lukso-username/index.js +19 -19
  147. package/dist/components/lukso-username/index.umd.cjs +1 -1
  148. package/dist/components/lukso-wizard/index.d.ts.map +1 -0
  149. package/dist/components/lukso-wizard/index.js +28 -28
  150. package/dist/components/lukso-wizard/index.umd.cjs +9 -9
  151. package/dist/index.d.ts.map +1 -0
  152. package/dist/index.js +828 -814
  153. package/dist/index.umd.cjs +156 -155
  154. package/dist/sass/typography.scss +23 -3
  155. package/dist/shared/assets/fonts/index.d.ts.map +1 -0
  156. package/dist/shared/assets/images/index.d.ts.map +1 -0
  157. package/dist/shared/assets/index.d.ts.map +1 -0
  158. package/dist/shared/directives/custom-class-map/index.d.ts.map +1 -0
  159. package/dist/shared/directives/index.d.ts.map +1 -0
  160. package/dist/shared/styles/index.d.ts.map +1 -0
  161. package/dist/shared/tailwind-element/index.d.ts.map +1 -0
  162. package/dist/shared/tailwind-element/index.js +21 -21
  163. package/dist/shared/tailwind-element/index.umd.cjs +6 -6
  164. package/dist/shared/tailwind-element.js +21 -21
  165. package/dist/shared/tailwind-element.umd.cjs +6 -6
  166. package/dist/shared/utils/color-palette.d.ts.map +1 -0
  167. package/dist/shared/{styles/hslColorMap.d.ts → utils/hsl-color-map.d.ts} +1 -1
  168. package/dist/shared/utils/hsl-color-map.d.ts.map +1 -0
  169. package/dist/shared/utils/{sliceAddress.d.ts → slice-address.d.ts} +1 -1
  170. package/dist/shared/utils/slice-address.d.ts.map +1 -0
  171. package/dist/styles/main.css +18 -3
  172. package/dist/styles/main.css.map +1 -0
  173. package/package.json +6 -12
  174. package/src/components/lukso-card/index.ts +16 -3
  175. package/src/components/lukso-card/lukso-card.stories.ts +56 -4
  176. package/src/components/lukso-card/style.scss +3 -0
  177. package/src/components/lukso-icon/style.scss +1 -1
  178. package/src/components/lukso-input/index.ts +3 -2
  179. package/src/components/lukso-navbar/index.ts +1 -1
  180. package/src/components/lukso-profile/index.ts +1 -1
  181. package/src/components/lukso-username/index.ts +1 -1
  182. package/src/docs/animations.stories.mdx +83 -0
  183. package/src/docs/colors.stories.mdx +77 -0
  184. package/src/docs/drop-shadows.stories.mdx +108 -0
  185. package/src/docs/icons.stories.mdx +1590 -0
  186. package/src/docs/typography.stories.mdx +253 -0
  187. package/src/shared/assets/images/lukso-logo.svg +3 -0
  188. package/src/shared/assets/images/profile-default.png +0 -0
  189. package/src/shared/styles/typography.scss +23 -3
  190. package/src/shared/utils/__tests__/{sliceAddress.spec.ts → slice-address.spec.ts} +1 -1
  191. package/src/shared/{styles → utils}/color-palette.ts +1 -1
  192. package/src/shared/utils/copy-assets.ts +35 -0
  193. package/tailwind.config.cjs +3 -0
  194. package/tools/color-palette.cjs +17 -62
  195. package/tools/color-palette.d.ts +2 -5
  196. package/tools/color-palette.d.ts.map +1 -1
  197. package/tools/copy-assets.cjs +139 -0
  198. package/tools/copy-assets.d.ts +10 -0
  199. package/tools/copy-assets.d.ts.map +1 -0
  200. package/dist/copy-assets/index.js +0 -19
  201. package/dist/copy-assets/index.umd.cjs +0 -1
  202. package/dist/sass/color-palette.ts +0 -76
  203. package/dist/shared/utils/copy-assets.d.ts +0 -2
  204. package/src/shared/styles/hslColorMap.ts +0 -20
  205. /package/dist/shared/{styles → utils}/color-palette.d.ts +0 -0
  206. /package/{dist/sass/hslColorMap.ts → src/shared/utils/hsl-color-map.ts} +0 -0
  207. /package/src/shared/utils/{sliceAddress.ts → slice-address.ts} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.6.1](https://github.com/lukso-network/tools-web-components/compare/v1.6.0...v1.6.1) (2023-02-27)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * packing images ([#67](https://github.com/lukso-network/tools-web-components/issues/67)) ([7d6ae6f](https://github.com/lukso-network/tools-web-components/commit/7d6ae6f7d83c73f3c125e3183faa81d2f19a346f))
9
+
10
+ ## [1.6.0](https://github.com/lukso-network/tools-web-components/compare/v1.5.4...v1.6.0) (2023-02-27)
11
+
12
+
13
+ ### Features
14
+
15
+ * add property for full width cards ([#62](https://github.com/lukso-network/tools-web-components/issues/62)) ([a1c5b9d](https://github.com/lukso-network/tools-web-components/commit/a1c5b9dedb69eb09c82954fc39de1d1b15db9ea0))
16
+ * allow to set cards with 100% width/height ([#66](https://github.com/lukso-network/tools-web-components/issues/66)) ([625a00b](https://github.com/lukso-network/tools-web-components/commit/625a00bc799057656aed278ef98e98f611bac2b9))
17
+ * Apax large h1 typography ([#64](https://github.com/lukso-network/tools-web-components/issues/64)) ([2da030b](https://github.com/lukso-network/tools-web-components/commit/2da030b30d28da0449d8d9ddcaa596c406b3cf0a))
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * add missing ext filtering when copying assets ([#61](https://github.com/lukso-network/tools-web-components/issues/61)) ([3c9f5e8](https://github.com/lukso-network/tools-web-components/commit/3c9f5e80550aa0ee156b0531663cbd266ac3fd5e))
23
+ * incorrect name in color preview ([#63](https://github.com/lukso-network/tools-web-components/issues/63)) ([b9cb3c0](https://github.com/lukso-network/tools-web-components/commit/b9cb3c041840a99d699e68e1ecd28cedae4bcc10))
24
+ * input border color when focusing ([#65](https://github.com/lukso-network/tools-web-components/issues/65)) ([8a5f837](https://github.com/lukso-network/tools-web-components/commit/8a5f83794177cbe6d7df5f4ea7c40057fa2a3788))
25
+ * rework tools build into separate configs ([#58](https://github.com/lukso-network/tools-web-components/issues/58)) ([06c9a70](https://github.com/lukso-network/tools-web-components/commit/06c9a70777a6718476d42c4f539ef89858ee1a2d))
26
+ * use root path for assets ([#60](https://github.com/lukso-network/tools-web-components/issues/60)) ([d3f6e62](https://github.com/lukso-network/tools-web-components/commit/d3f6e62a87a718643bf2f407503c8dd491848e29))
27
+
3
28
  ## [1.5.4](https://github.com/lukso-network/tools-web-components/compare/v1.5.3...v1.5.4) (2023-02-25)
4
29
 
5
30
 
package/README.md CHANGED
@@ -74,24 +74,15 @@ $font-file-path: '/assets/fonts';
74
74
  @import '@lukso/web-components/sass/main.scss';
75
75
  ```
76
76
 
77
- ##### 3. In your main js file load the CSS variables
78
-
79
- ```javascript
80
- // app.vue
81
- import { generateCssVariables } from '@/shared/styles/color-palette'
82
-
83
- generateCssVariables()
84
- ```
85
-
86
- ##### 4. Add script to copy assets in your build config
77
+ ##### 3. Add script to copy assets in your build config
87
78
 
88
79
  In order to use other files like fonts or images from library we need to manually copy them to your project. This is ESM limitation that allow to import only `js` files.
89
80
 
90
81
  ```ts
91
- import { copyAssets } from '@lukso/web-components/tools/copy-assets'
82
+ import { copyAssets } from '@lukso/web-components/copy-assets'
92
83
  import assets from '@lukso/web-components/assets'
93
84
 
94
- copyAssets('./src/assets', assets)
85
+ copyAssets('./src', assets)
95
86
  ```
96
87
 
97
88
  > Place this at the top of your build file ie. `vite.config.ts`
@@ -0,0 +1,3 @@
1
+ <svg width="112" height="26" viewBox="0 0 112 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M46.4216 15.3911L53.9643 25.4427H59.7004L50.5652 13.4718C50.0696 12.8091 49.8567 12.3195 49.8567 11.8311C49.8567 11.3427 50.1755 10.8887 50.7769 10.2259L59.5235 0.48843H53.7514L46.3157 8.79506C45.1827 10.0861 44.6511 10.9941 44.6511 11.8666C44.6511 12.9833 45.2886 13.8903 46.4216 15.3911ZM86.2568 13.0178C86.2568 5.75903 91.3914 0 99.04 0C106.688 0 112 5.44488 112 13.0178C112 20.5906 106.547 25.9312 99.076 25.9312C91.0738 25.9312 86.2579 20.4175 86.2579 13.0178H86.2568ZM107.042 12.9833C107.042 7.88814 103.891 4.11835 99.0749 4.11835C94.2589 4.11835 91.2135 7.8182 91.2135 12.9833C91.2135 18.1485 94.4707 21.8828 99.0749 21.8828C103.926 21.8828 107.042 18.0441 107.042 12.9833ZM72.3405 25.4427H63.3822V21.3244H73.2258C76.0584 21.3244 77.5101 20.5918 77.5101 18.6369C77.5101 16.8919 76.3771 16.3335 73.2967 15.4954L70.3583 14.6929C64.87 13.192 63.0285 11.447 63.0285 7.32866C63.0285 3.21031 65.5074 0.48843 71.4913 0.48843H80.4497V4.67671H71.4204C68.9065 4.67671 67.6665 5.23508 67.6665 7.01452C67.6665 8.68961 68.7995 9.49219 71.7031 10.2248L74.7485 10.993C79.8471 12.284 82.2551 14.099 82.2551 18.1474C82.2551 22.8241 79.6343 25.4416 72.3405 25.4416V25.4427ZM28.185 26.0011C21.7055 26.0011 17.8098 22.581 17.8098 15.8806V0.523952H22.5547V15.5998C22.5547 19.2297 23.7238 21.8816 28.185 21.8816C32.6462 21.8816 33.8152 19.404 33.8152 15.5643V0.48843H38.5602V15.8451C38.5602 22.4766 34.6656 26.0011 28.185 26.0011ZM4.7799 0.523952H0V20.6961C0 24.0463 1.41685 25.4427 4.28434 25.4427H13.5265V21.3599H6.58645C5.20564 21.3599 4.78103 20.9414 4.78103 19.6149V0.523952H4.7799Z" fill="#243542"/>
3
+ </svg>
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oCAAoC,CAAA"}