@lukso/web-components 1.5.3 → 1.6.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 (62) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +11 -7
  3. package/dist/components/index.js +828 -814
  4. package/dist/components/index.umd.cjs +156 -155
  5. package/dist/components/lukso-button/index.js +104 -104
  6. package/dist/components/lukso-button/index.umd.cjs +5 -5
  7. package/dist/components/lukso-card/index.d.ts +5 -2
  8. package/dist/components/lukso-card/index.js +221 -204
  9. package/dist/components/lukso-card/index.umd.cjs +26 -25
  10. package/dist/components/lukso-icon/index.js +78 -78
  11. package/dist/components/lukso-icon/index.umd.cjs +224 -224
  12. package/dist/components/lukso-input/index.js +31 -30
  13. package/dist/components/lukso-input/index.umd.cjs +13 -13
  14. package/dist/components/lukso-navbar/index.js +2 -2
  15. package/dist/components/lukso-navbar/index.umd.cjs +2 -2
  16. package/dist/components/lukso-profile/index.js +2 -2
  17. package/dist/components/lukso-profile/index.umd.cjs +2 -2
  18. package/dist/components/lukso-sanitize/index.js +39 -39
  19. package/dist/components/lukso-sanitize/index.umd.cjs +1 -1
  20. package/dist/components/lukso-tag/index.js +1 -1
  21. package/dist/components/lukso-tag/index.umd.cjs +1 -1
  22. package/dist/components/lukso-test/index.js +550 -550
  23. package/dist/components/lukso-test/index.umd.cjs +12 -12
  24. package/dist/components/lukso-username/index.js +19 -19
  25. package/dist/components/lukso-username/index.umd.cjs +1 -1
  26. package/dist/components/lukso-wizard/index.js +28 -28
  27. package/dist/components/lukso-wizard/index.umd.cjs +9 -9
  28. package/dist/index.js +828 -814
  29. package/dist/index.umd.cjs +156 -155
  30. package/dist/sass/typography.scss +23 -3
  31. package/dist/shared/tailwind-element/index.js +21 -21
  32. package/dist/shared/tailwind-element/index.umd.cjs +6 -6
  33. package/dist/shared/tailwind-element.js +21 -21
  34. package/dist/shared/tailwind-element.umd.cjs +6 -6
  35. package/dist/shared/{styles/hslColorMap.d.ts → utils/hsl-color-map.d.ts} +1 -1
  36. package/dist/shared/utils/{sliceAddress.d.ts → slice-address.d.ts} +1 -1
  37. package/dist/styles/main.css +18 -3
  38. package/package.json +4 -9
  39. package/src/components/lukso-card/index.ts +16 -3
  40. package/src/components/lukso-card/lukso-card.stories.ts +56 -4
  41. package/src/components/lukso-card/style.scss +3 -0
  42. package/src/components/lukso-icon/style.scss +1 -1
  43. package/src/components/lukso-input/index.ts +3 -2
  44. package/src/components/lukso-navbar/index.ts +1 -1
  45. package/src/components/lukso-profile/index.ts +1 -1
  46. package/src/components/lukso-username/index.ts +1 -1
  47. package/src/shared/styles/typography.scss +23 -3
  48. package/src/shared/utils/__tests__/{sliceAddress.spec.ts → slice-address.spec.ts} +1 -1
  49. package/{dist/sass → src/shared/utils}/color-palette.ts +1 -1
  50. package/src/shared/utils/copy-assets.ts +80 -0
  51. package/tailwind.config.cjs +3 -0
  52. package/tools/color-palette.cjs +17 -17
  53. package/tools/color-palette.d.ts +1 -1
  54. package/tools/color-palette.d.ts.map +1 -1
  55. package/tools/copy-assets.cjs +139 -0
  56. package/tools/copy-assets.d.ts +10 -0
  57. package/tools/copy-assets.d.ts.map +1 -0
  58. package/src/shared/styles/color-palette.ts +0 -76
  59. package/src/shared/styles/hslColorMap.ts +0 -20
  60. /package/dist/shared/{styles → utils}/color-palette.d.ts +0 -0
  61. /package/{dist/sass/hslColorMap.ts → src/shared/utils/hsl-color-map.ts} +0 -0
  62. /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.0](https://github.com/lukso-network/tools-web-components/compare/v1.5.4...v1.6.0) (2023-02-27)
4
+
5
+
6
+ ### Features
7
+
8
+ * 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))
9
+ * 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))
10
+ * 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))
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * 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))
16
+ * 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))
17
+ * 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))
18
+ * 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))
19
+ * 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))
20
+
21
+ ## [1.5.4](https://github.com/lukso-network/tools-web-components/compare/v1.5.3...v1.5.4) (2023-02-25)
22
+
23
+
24
+ ### Bug Fixes
25
+
26
+ * docs typo ([#56](https://github.com/lukso-network/tools-web-components/issues/56)) ([ea75e46](https://github.com/lukso-network/tools-web-components/commit/ea75e46887cd4a7bb35b2689ec99a6636a08d13e))
27
+
3
28
  ## [1.5.3](https://github.com/lukso-network/tools-web-components/compare/v1.5.2...v1.5.3) (2023-02-24)
4
29
 
5
30
 
package/README.md CHANGED
@@ -55,7 +55,7 @@ See example below:
55
55
 
56
56
  ### Styles (Tailwind CSS projects)
57
57
 
58
- 1. Add this preset in the config file
58
+ ##### 1. Add this preset in the config file
59
59
 
60
60
  ```js
61
61
  // tailwind.config.js
@@ -65,7 +65,7 @@ module.exports = {
65
65
  }
66
66
  ```
67
67
 
68
- 2. Include styles in your main file
68
+ ##### 2. Include styles in your main file
69
69
 
70
70
  ```scss
71
71
  // main.scss
@@ -74,15 +74,19 @@ $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
77
+ ##### 3. Add script to copy assets in your build config
78
78
 
79
- ```javascript
80
- // app.vue
81
- import { generateCssVariables } from '@/shared/styles/color-palette'
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.
82
80
 
83
- generateCssVariables()
81
+ ```ts
82
+ import { copyAssets } from '@lukso/web-components/copy-assets'
83
+ import assets from '@lukso/web-components/assets'
84
+
85
+ copyAssets('./src', assets)
84
86
  ```
85
87
 
88
+ > Place this at the top of your build file ie. `vite.config.ts`
89
+
86
90
  ### Styles (non Tailwind CSS projects)
87
91
 
88
92
  Atm the only thing that you can benefit from non Tailwind CSS projects is loading the fonts