@paperless/core 0.0.2-alpha.0 → 0.0.3-alpha.10

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 (134) hide show
  1. package/CHANGELOG.md +81 -1
  2. package/README.md +14 -10
  3. package/dist/assets/icons/arrow.svg +1 -1
  4. package/dist/assets/icons/attachment.svg +1 -1
  5. package/dist/assets/icons/bread.svg +1 -1
  6. package/dist/assets/icons/calendar.svg +1 -1
  7. package/dist/assets/icons/car.svg +1 -1
  8. package/dist/assets/icons/checkmark.svg +1 -1
  9. package/dist/assets/icons/chevron.svg +1 -1
  10. package/dist/assets/icons/clock.svg +1 -1
  11. package/dist/assets/icons/cogs.svg +1 -1
  12. package/dist/assets/icons/comment.svg +1 -1
  13. package/dist/assets/icons/document.svg +1 -1
  14. package/dist/assets/icons/download.svg +1 -1
  15. package/dist/assets/icons/envelope.svg +1 -1
  16. package/dist/assets/icons/explanation.svg +1 -1
  17. package/dist/assets/icons/eye.svg +1 -1
  18. package/dist/assets/icons/filter.svg +1 -1
  19. package/dist/assets/icons/grid.svg +1 -1
  20. package/dist/assets/icons/headset.svg +1 -1
  21. package/dist/assets/icons/list.svg +1 -1
  22. package/dist/assets/icons/location.svg +1 -1
  23. package/dist/assets/icons/megaphone.svg +1 -1
  24. package/dist/assets/icons/minus.svg +1 -1
  25. package/dist/assets/icons/negative.svg +1 -1
  26. package/dist/assets/icons/pagination.svg +1 -1
  27. package/dist/assets/icons/payment.svg +1 -1
  28. package/dist/assets/icons/pencil.svg +1 -1
  29. package/dist/assets/icons/person.svg +1 -1
  30. package/dist/assets/icons/plus.svg +1 -1
  31. package/dist/assets/icons/question.svg +1 -1
  32. package/dist/assets/icons/receipt.svg +1 -1
  33. package/dist/assets/icons/report.svg +1 -1
  34. package/dist/assets/icons/search.svg +1 -1
  35. package/dist/assets/icons/settings.svg +1 -1
  36. package/dist/assets/icons/sick.svg +1 -1
  37. package/dist/assets/icons/tachometer.svg +1 -1
  38. package/dist/assets/icons/tool.svg +1 -1
  39. package/dist/assets/icons/trash.svg +1 -1
  40. package/dist/assets/icons/turn.svg +1 -1
  41. package/dist/assets/icons/upload.svg +1 -1
  42. package/dist/assets/icons/warning.svg +1 -1
  43. package/dist/build/p-7dc80d7d.entry.js +1 -0
  44. package/dist/build/p-925c3a50.entry.js +1 -0
  45. package/dist/build/p-ad4cf55f.entry.js +1 -0
  46. package/dist/build/p-e9cdc0f0.js +2 -0
  47. package/dist/build/paperless.css +22 -12
  48. package/dist/build/paperless.esm.js +1 -1
  49. package/dist/cjs/{index-e3e940d8.js → index-9fa1dff4.js} +47 -4
  50. package/dist/cjs/loader.cjs.js +2 -2
  51. package/dist/cjs/p-button.cjs.entry.js +4 -4
  52. package/dist/cjs/p-icon.cjs.entry.js +802 -0
  53. package/dist/cjs/p-illustration.cjs.entry.js +1426 -0
  54. package/dist/cjs/paperless.cjs.js +2 -2
  55. package/dist/collection/assets/icons/arrow.svg +1 -1
  56. package/dist/collection/assets/icons/attachment.svg +1 -1
  57. package/dist/collection/assets/icons/bread.svg +1 -1
  58. package/dist/collection/assets/icons/calendar.svg +1 -1
  59. package/dist/collection/assets/icons/car.svg +1 -1
  60. package/dist/collection/assets/icons/checkmark.svg +1 -1
  61. package/dist/collection/assets/icons/chevron.svg +1 -1
  62. package/dist/collection/assets/icons/clock.svg +1 -1
  63. package/dist/collection/assets/icons/cogs.svg +1 -1
  64. package/dist/collection/assets/icons/comment.svg +1 -1
  65. package/dist/collection/assets/icons/document.svg +1 -1
  66. package/dist/collection/assets/icons/download.svg +1 -1
  67. package/dist/collection/assets/icons/envelope.svg +1 -1
  68. package/dist/collection/assets/icons/explanation.svg +1 -1
  69. package/dist/collection/assets/icons/eye.svg +1 -1
  70. package/dist/collection/assets/icons/filter.svg +1 -1
  71. package/dist/collection/assets/icons/grid.svg +1 -1
  72. package/dist/collection/assets/icons/headset.svg +1 -1
  73. package/dist/collection/assets/icons/list.svg +1 -1
  74. package/dist/collection/assets/icons/location.svg +1 -1
  75. package/dist/collection/assets/icons/megaphone.svg +1 -1
  76. package/dist/collection/assets/icons/minus.svg +1 -1
  77. package/dist/collection/assets/icons/negative.svg +1 -1
  78. package/dist/collection/assets/icons/pagination.svg +1 -1
  79. package/dist/collection/assets/icons/payment.svg +1 -1
  80. package/dist/collection/assets/icons/pencil.svg +1 -1
  81. package/dist/collection/assets/icons/person.svg +1 -1
  82. package/dist/collection/assets/icons/plus.svg +1 -1
  83. package/dist/collection/assets/icons/question.svg +1 -1
  84. package/dist/collection/assets/icons/receipt.svg +1 -1
  85. package/dist/collection/assets/icons/report.svg +1 -1
  86. package/dist/collection/assets/icons/search.svg +1 -1
  87. package/dist/collection/assets/icons/settings.svg +1 -1
  88. package/dist/collection/assets/icons/sick.svg +1 -1
  89. package/dist/collection/assets/icons/tachometer.svg +1 -1
  90. package/dist/collection/assets/icons/tool.svg +1 -1
  91. package/dist/collection/assets/icons/trash.svg +1 -1
  92. package/dist/collection/assets/icons/turn.svg +1 -1
  93. package/dist/collection/assets/icons/upload.svg +1 -1
  94. package/dist/collection/assets/icons/warning.svg +1 -1
  95. package/dist/collection/collection-manifest.json +2 -0
  96. package/dist/collection/components/button/button.component.js +6 -5
  97. package/dist/collection/components/icon/icon.component.js +108 -0
  98. package/dist/collection/components/illustration/illustration.component.js +39 -0
  99. package/dist/collection/tailwind.config.js +6 -0
  100. package/dist/collection/utils/icons.js +82 -0
  101. package/dist/collection/utils/illustrations.js +18 -0
  102. package/dist/components/index.d.ts +2 -0
  103. package/dist/components/index.js +2 -0
  104. package/dist/components/p-button.js +4 -4
  105. package/dist/components/p-icon.d.ts +11 -0
  106. package/dist/components/p-icon.js +820 -0
  107. package/dist/components/p-illustration.d.ts +11 -0
  108. package/dist/components/p-illustration.js +1441 -0
  109. package/dist/esm/{index-100a5ae6.js → index-6dcfeac0.js} +47 -5
  110. package/dist/esm/loader.js +2 -2
  111. package/dist/esm/p-button.entry.js +4 -4
  112. package/dist/esm/p-icon.entry.js +798 -0
  113. package/dist/esm/p-illustration.entry.js +1422 -0
  114. package/dist/esm/paperless.js +2 -2
  115. package/dist/index.html +1 -1
  116. package/dist/paperless/p-7dc80d7d.entry.js +1 -0
  117. package/dist/paperless/p-925c3a50.entry.js +1 -0
  118. package/dist/paperless/p-ad4cf55f.entry.js +1 -0
  119. package/dist/paperless/p-e9cdc0f0.js +2 -0
  120. package/dist/paperless/paperless.css +23342 -13
  121. package/dist/paperless/paperless.esm.js +1 -1
  122. package/dist/sw.js +69 -20
  123. package/dist/tailwind.config.js +6 -0
  124. package/dist/types/components/button/button.component.d.ts +1 -1
  125. package/dist/types/components/icon/icon.component.d.ts +22 -0
  126. package/dist/types/components/illustration/illustration.component.d.ts +9 -0
  127. package/dist/types/components.d.ts +70 -2
  128. package/dist/types/utils/icons.d.ts +43 -0
  129. package/dist/types/utils/illustrations.d.ts +11 -0
  130. package/package.json +5 -2
  131. package/dist/build/p-54459ae1.js +0 -2
  132. package/dist/build/p-c66e9743.entry.js +0 -1
  133. package/dist/paperless/p-54459ae1.js +0 -2
  134. package/dist/paperless/p-c66e9743.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-e3e940d8.js');
3
+ const index = require('./index-9fa1dff4.js');
4
4
 
5
5
  /*
6
6
  Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy([["p-button.cjs",[[1,"p-button",{"variant":[1]}]]]], options);
18
+ return index.bootstrapLazy([["p-button.cjs",[[1,"p-button",{"variant":[1]}]]],["p-icon.cjs",[[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]]], options);
19
19
  });
@@ -1,4 +1,4 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 16 16" version="1.1">
2
2
  <title>434AFB85-135A-4569-A66B-6D5812BAA42C@1x</title>
3
3
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
4
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -208.000000)" fill="#989AB7">
@@ -1,4 +1,4 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 16 16" version="1.1">
2
2
  <title>6900D5DE-1A64-4EE8-8ABC-1FEE34C10458@1x</title>
3
3
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
4
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -240.000000)" fill="#80829E" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>5F1EB64F-AB98-4EB4-AC35-FB0B26115170@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -272.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,4 +1,4 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 16 16" version="1.1">
2
2
  <title>3D99E2A7-B47A-4957-8D2C-7AF582F435CF@1x</title>
3
3
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
4
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -304.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>15BDAF47-5E79-4AD0-9D15-AEC22BEDD040@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -336.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>EB3016C2-A1DF-47ED-937C-697443FD3F3C@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>2D60A936-D98C-47D5-81C3-87BE72E0E033@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -400.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>DA4F6F05-8E0E-4F99-8C04-325E1026BDED@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -432.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>D69A8BFD-59F3-48E5-B2F8-A57D151EB85C@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -468.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>85F96114-FD2C-4B57-AEA8-3B2854320A29@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -502.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -534.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>467E5344-FF5F-465D-940E-3EE5A5238ED5@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -566.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>6E5BAADC-0E2C-4B1F-8A4B-A6F7D16BAE6B@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -598.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>689A577B-4141-4E4F-B884-DF9FBE546815@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1366.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>36A03146-33F9-43AB-B64A-795FF770A42E@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -630.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>161B97F5-D5D9-43EE-AD95-15870E881303@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -662.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>0B846487-E152-44B1-B058-D5E90C916406@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -694.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>1B240603-203F-49BC-9F73-8609C2B2A397@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -726.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>680FABDB-CA3A-4C86-A241-59CFA9DF98BD@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -758.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>F74A1493-189D-4CFE-9DC0-D69141A189C7@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -790.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>A2F9256B-4901-4C20-8F77-D5066011EE5A@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -822.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>1AA10FE9-5D18-418E-AF58-B044C23B6DEB@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -854.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>B592C279-58CD-4C4A-A354-393D736863E2@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -886.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>667348A2-48CB-496D-8C8A-3A0C4142E887@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1430.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>46CF5A08-42A2-4628-A7C8-6721B5428686@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -918.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>9E1784EB-8E2A-4C1A-A8C3-F500E03858E6@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -950.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>C1AD60F3-92E2-4915-A731-25F894172F6D@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -982.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>70C9DBCC-EA4A-4C0D-8EE1-ACE33C96B3AC@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1014.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>B38D7652-BAD1-453A-A17A-8BD72B3A27DE@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1046.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>B8233FCC-7CA7-43E4-90EE-D7BEB3AE64DB@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1078.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>92D2E7B0-15BC-4C37-851A-D0ECF493A903@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1110.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>B40F2062-9E93-4938-9311-BB5EA06B94E6@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1142.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>A9EABECA-B7A8-4867-A725-E241A597A9A2@1x</title>
4
4
  <defs>
5
5
  <path d="M4.00090072,11.8289758 L4,14 C4,14.5522847 3.55228475,15 3,15 C2.44771525,15 2,14.5522847 2,14 L1.99916774,11.829 C2.31218182,11.939739 2.64905356,12 3,12 C3.35097203,12 3.6878673,11.9397302 4.00090072,11.8289758 Z M9.00090072,8.82897577 L9,14 C9,14.5522847 8.55228475,15 8,15 C7.44771525,15 7,14.5522847 7,14 L6.99916774,8.82899999 C7.31218182,8.93973902 7.64905356,9 8,9 C8.35097203,9 8.6878673,8.93973023 9.00090072,8.82897577 Z M14.0009007,12.8289758 L14,14 C14,14.5522847 13.5522847,15 13,15 C12.4477153,15 12,14.5522847 12,14 L11.9991677,12.829 C12.3121818,12.939739 12.6490536,13 13,13 C13.350972,13 13.6878673,12.9397302 14.0009007,12.8289758 Z M13,8 C14.1045695,8 15,8.8954305 15,10 C15,11.1045695 14.1045695,12 13,12 C11.8954305,12 11,11.1045695 11,10 C11,8.8954305 11.8954305,8 13,8 Z M3,7 C4.1045695,7 5,7.8954305 5,9 C5,10.1045695 4.1045695,11 3,11 C1.8954305,11 1,10.1045695 1,9 C1,7.8954305 1.8954305,7 3,7 Z M8,4 C9.1045695,4 10,4.8954305 10,6 C10,7.1045695 9.1045695,8 8,8 C6.8954305,8 6,7.1045695 6,6 C6,4.8954305 6.8954305,4 8,4 Z M13,1 C13.5522847,1 14,1.44771525 14,2 L14.0009007,7.17102423 C13.6878673,7.06026977 13.350972,7 13,7 C12.6490536,7 12.3121818,7.06026098 11.9991677,7.17100001 L12,2 C12,1.44771525 12.4477153,1 13,1 Z M3,1 C3.55228475,1 4,1.44771525 4,2 L4.00090072,6.17102423 C3.6878673,6.06026977 3.35097203,6 3,6 C2.64905356,6 2.31218182,6.06026098 1.99916774,6.17100001 L2,2 C2,1.44771525 2.44771525,1 3,1 Z M8,1 C8.55228475,1 9,1.44771525 9,2 L9.00090072,3.17102423 C8.6878673,3.06026977 8.35097203,3 8,3 C7.64905356,3 7.31218182,3.06026098 6.99916774,3.17100001 L7,2 C7,1.44771525 7.44771525,1 8,1 Z" id="path-1"></path>
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>8258B213-4691-4F57-A9BA-B794CD8C1294@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1462.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>444A72E2-89EC-4714-A021-8E912B45CAD5@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1206.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>3412434A-3941-4BA7-AF31-A18B70C22235@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1238.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>57E63C9F-ED1A-4C01-82E7-4413FAE7BD1B@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1270.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>3D8FF491-8CCF-45C5-8645-7ADDDAD1C215@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1398.000000)" fill="#989AB7">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>625641CF-AE77-4A64-95BC-298DB7F96CF6@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1302.000000)" fill="#989AB7" fill-rule="nonzero">
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
3
  <title>8610B121-CA13-4C32-BC35-1DBE51B9260A@1x</title>
4
4
  <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
5
  <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1334.000000)" fill="#989AB7">
@@ -1,5 +1,7 @@
1
1
  {
2
2
  "entries": [
3
+ "./components/icon/icon.component.js",
4
+ "./components/illustration/illustration.component.js",
3
5
  "./components/button/button.component.js"
4
6
  ],
5
7
  "compiler": {
@@ -1,14 +1,15 @@
1
- import { Component, h, Prop } from '@stencil/core';
1
+ import { Component, h, Host, Prop } from '@stencil/core';
2
2
  export class Button {
3
3
  constructor() {
4
4
  /**
5
- * The name
5
+ * The variant of the button
6
6
  */
7
7
  this.variant = 'primary';
8
8
  }
9
9
  render() {
10
- return (h("button", { class: `variant-${this.variant}` },
11
- h("slot", null)));
10
+ return (h(Host, null,
11
+ h("button", { class: `variant-${this.variant}` },
12
+ h("slot", null))));
12
13
  }
13
14
  static get is() { return "p-button"; }
14
15
  static get encapsulation() { return "shadow"; }
@@ -31,7 +32,7 @@ export class Button {
31
32
  "optional": false,
32
33
  "docs": {
33
34
  "tags": [],
34
- "text": "The name"
35
+ "text": "The variant of the button"
35
36
  },
36
37
  "attribute": "variant",
37
38
  "reflect": false,
@@ -0,0 +1,108 @@
1
+ import { Component, h, Host, Prop } from '@stencil/core';
2
+ import icons from '../../utils/icons';
3
+ export class Icon {
4
+ constructor() {
5
+ /**
6
+ * The icon the be displayed
7
+ */
8
+ this.variant = null;
9
+ /**
10
+ * The size of the icon, using tailwind sizes
11
+ */
12
+ this.size = 'auto';
13
+ /**
14
+ * Wether to rotate the icon x degrees
15
+ */
16
+ this.rotate = null;
17
+ /**
18
+ * Wether to flip the icon horizontally or vertically
19
+ */
20
+ this.flip = null;
21
+ }
22
+ render() {
23
+ const icon = icons[this.variant];
24
+ return h(Host, { class: this._getClass(), innerHTML: icon });
25
+ }
26
+ _getClass() {
27
+ return `p-icon inline-block text-${this.size} ${this.rotate || this.flip ? 'transform' : ''} ${this.rotate ? ` ${this.rotate < 0 ? '-' : ''}rotate-${this.rotate < 0 ? this.rotate * -1 : this.rotate}` : ''} ${this.flip === 'horizontal' ? ` -scale-x-1` : this.flip === 'vertical' ? ` -scale-y-1` : ''}`;
28
+ }
29
+ static get is() { return "p-icon"; }
30
+ static get properties() { return {
31
+ "variant": {
32
+ "type": "string",
33
+ "mutable": false,
34
+ "complexType": {
35
+ "original": "IconVariant",
36
+ "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"car\" | \"checkmark\" | \"chevron\" | \"clock\" | \"cogs\" | \"comment\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"filter\" | \"grid\" | \"headset\" | \"list\" | \"location\" | \"megaphone\" | \"minus\" | \"negative\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"tachometer\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
37
+ "references": {
38
+ "IconVariant": {
39
+ "location": "local"
40
+ }
41
+ }
42
+ },
43
+ "required": false,
44
+ "optional": false,
45
+ "docs": {
46
+ "tags": [],
47
+ "text": "The icon the be displayed"
48
+ },
49
+ "attribute": "variant",
50
+ "reflect": false,
51
+ "defaultValue": "null"
52
+ },
53
+ "size": {
54
+ "type": "string",
55
+ "mutable": false,
56
+ "complexType": {
57
+ "original": "string",
58
+ "resolved": "string",
59
+ "references": {}
60
+ },
61
+ "required": false,
62
+ "optional": false,
63
+ "docs": {
64
+ "tags": [],
65
+ "text": "The size of the icon, using tailwind sizes"
66
+ },
67
+ "attribute": "size",
68
+ "reflect": false,
69
+ "defaultValue": "'auto'"
70
+ },
71
+ "rotate": {
72
+ "type": "number",
73
+ "mutable": false,
74
+ "complexType": {
75
+ "original": "number",
76
+ "resolved": "number",
77
+ "references": {}
78
+ },
79
+ "required": false,
80
+ "optional": false,
81
+ "docs": {
82
+ "tags": [],
83
+ "text": "Wether to rotate the icon x degrees"
84
+ },
85
+ "attribute": "rotate",
86
+ "reflect": false,
87
+ "defaultValue": "null"
88
+ },
89
+ "flip": {
90
+ "type": "string",
91
+ "mutable": false,
92
+ "complexType": {
93
+ "original": "'horizontal' | 'vertical'",
94
+ "resolved": "\"horizontal\" | \"vertical\"",
95
+ "references": {}
96
+ },
97
+ "required": false,
98
+ "optional": false,
99
+ "docs": {
100
+ "tags": [],
101
+ "text": "Wether to flip the icon horizontally or vertically"
102
+ },
103
+ "attribute": "flip",
104
+ "reflect": false,
105
+ "defaultValue": "null"
106
+ }
107
+ }; }
108
+ }
@@ -0,0 +1,39 @@
1
+ import { Component, h, Host, Prop } from '@stencil/core';
2
+ import illustrations from '../../utils/illustrations';
3
+ export class Icon {
4
+ constructor() {
5
+ /**
6
+ * The icon the be displayed
7
+ */
8
+ this.variant = null;
9
+ }
10
+ render() {
11
+ const illustration = illustrations[this.variant];
12
+ return h(Host, { class: "p-illustration block", innerHTML: illustration });
13
+ }
14
+ static get is() { return "p-illustration"; }
15
+ static get properties() { return {
16
+ "variant": {
17
+ "type": "string",
18
+ "mutable": false,
19
+ "complexType": {
20
+ "original": "IllustrationVariant",
21
+ "resolved": "\"departments\" | \"empty-state\" | \"expenses\" | \"functions\" | \"questions\" | \"sick-leave\" | \"time-off\" | \"upgrade-to-hr\"",
22
+ "references": {
23
+ "IllustrationVariant": {
24
+ "location": "local"
25
+ }
26
+ }
27
+ },
28
+ "required": false,
29
+ "optional": false,
30
+ "docs": {
31
+ "tags": [],
32
+ "text": "The icon the be displayed"
33
+ },
34
+ "attribute": "variant",
35
+ "reflect": false,
36
+ "defaultValue": "null"
37
+ }
38
+ }; }
39
+ }
@@ -3,6 +3,12 @@ const shadows = require('./tailwind/shadows');
3
3
  const borderRadius = require('./tailwind/border-radius');
4
4
 
5
5
  module.exports = {
6
+ important: true,
7
+ safelist: [
8
+ {
9
+ pattern: /./,
10
+ },
11
+ ],
6
12
  theme: {
7
13
  colors,
8
14
  boxShadow: shadows,