@paperless/core 0.0.3-alpha.4 → 0.1.0-alpha.10

package/CHANGELOG.md

@@ -3,6 +3,163 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.1.0-alpha.10 (2022-07-12)
+
+
+### Features
+
+* **Atoms:** Add info panel component ([bc3636d](https://github.com/ionic-team/stencil-component-starter/commit/bc3636d4006b164fbee5ded3ad7c2b1dfd07d86c))
+
+
+
+
+
+# 0.1.0-alpha.9 (2022-07-12)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.8 (2022-07-11)
+
+
+### Features
+
+* **Grid:** Implement grid ([969cd32](https://github.com/ionic-team/stencil-component-starter/commit/969cd32cdd604e6ff1b9bc4123606b891d66b79a))
+
+
+
+
+
+# 0.1.0-alpha.7 (2022-07-08)
+
+
+### Features
+
+* **Atoms:** Add helper component ([64cccca](https://github.com/ionic-team/stencil-component-starter/commit/64cccca8035f9492754370d1e94b275c226b1464))
+
+
+
+
+
+# 0.1.0-alpha.6 (2022-07-08)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.5 (2022-07-08)
+
+
+### Bug Fixes
+
+* **Atoms/Button:** Rename `click` event to `onClick` ([e14cf01](https://github.com/ionic-team/stencil-component-starter/commit/e14cf011d2010b151596a576df6fc8bdafc45081))
+
+
+
+
+
+# 0.1.0-alpha.4 (2022-07-07)
+
+
+### Features
+
+* **Atoms/Button:** Add hover/active/disabled states ([35109f7](https://github.com/ionic-team/stencil-component-starter/commit/35109f77d6f87c25e29fa5c704c21ae1240537ad))
+
+
+
+
+
+# 0.1.0-alpha.3 (2022-07-07)
+
+
+### Features
+
+* **Atoms:** Button Component ([#2](https://github.com/ionic-team/stencil-component-starter/issues/2)) ([e32a7f9](https://github.com/ionic-team/stencil-component-starter/commit/e32a7f9b86a2f96ebc9bb151e568de128022e6dc))
+
+
+
+
+
+# 0.1.0-alpha.2 (2022-07-07)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.1 (2022-07-06)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.0 (2022-07-06)
+
+
+### Features
+
+* **bosons/border-radius:** Add medium variant ([d658b51](https://github.com/ionic-team/stencil-component-starter/commit/d658b512cf2dca32bb5f9c82f6951b952870738a))
+
+
+
+
+
+## 0.0.3-alpha.10 (2022-07-06)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+## 0.0.3-alpha.9 (2022-07-05)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+## 0.0.3-alpha.8 (2022-07-05)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+## 0.0.3-alpha.7 (2022-07-05)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+## 0.0.3-alpha.6 (2022-07-05)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+## 0.0.3-alpha.5 (2022-07-05)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
 ## 0.0.3-alpha.4 (2022-07-05)
 
 **Note:** Version bump only for package @paperless/core

package/README.md

@@ -1,25 +1,29 @@
-<p align="center">
+<div class="pb-10">
+  <p align="center">
 
   <a href="https://paperless.employes.nl">
       <img src="https://github.com/Employes/paperless/raw/main/packages/core/src/assets/images/paperless.png" alt="Employes UI" width="400" />
   </a>
   <br />
-<span>
-A collection of React & Angular components that conform to the Employes design system.
-</span>
 
-</p>
+  <span>
+  A collection of React & Angular components that conform to the Employes design system.
+  </span>
 
-<div align="center">
+  </p>
+
+  <div align="center">
 
 [![](https://badgen.net/npm/v/@paperless/core/latest?label=@paperless/core)](https://www.npmjs.com/package/@paperless/core)
 [![](https://badgen.net/npm/v/@paperless/angular/latest?label=@paperless/angular)](https://www.npmjs.com/package/@paperless/angular)
-[![](https://badgen.net/npm/v/@paperless/angular/latest?label=@paperless/react)](https://www.npmjs.com/package/@paperless/react)
+[![](https://badgen.net/npm/v/@paperless/react/latest?label=@paperless/react)](https://www.npmjs.com/package/@paperless/react)
+[![](https://badgen.net/npm/v/@paperless/conventions/latest?label=@paperless/conventions)](https://www.npmjs.com/package/@paperless/conventions)
 
-</div>
+  </div>
 
-<div align="center">
- <a href="https://paperless.employes.nl">https://paperless.employes.nl</a>
+  <div align="center" >
+    <a href="https://paperless.employes.nl">https://paperless.employes.nl</a>
+  </div>
 </div>
 
 ## 📦 Install
@@ -59,6 +63,12 @@ yarn add @paperless/core
 #### React
 
 ```jsx
+// setup
+import { applyPolyfills, defineCustomElements } from '@paperless/core/loader';
+
+applyPolyfills().then(() => defineCustomElements());
+
+// usage
 import { Button } from '@employes/paperless';
 
 const App = () => <Button>Click me!</Button>;
@@ -67,6 +77,16 @@ const App = () => <Button>Click me!</Button>;
 #### Angular
 
 ```jsx
+// main.ts
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { applyPolyfills, defineCustomElements } from '@paperless/core/loader';
+
+applyPolyfills()
+    .then(() => defineCustomElements())
+    .then(() => platformBrowserDynamic().bootstrapModule(AppModule))
+    .catch((err) => console.error(err));
+
+// App Module
 import { PaperlessModule } from '@employes/paperless-ngx';
 
 @NgModule({
@@ -77,6 +97,7 @@ import { PaperlessModule } from '@employes/paperless-ngx';
 })
 export class AppModule {}
 
+// Any component
 @Component({
     selector: 'app-root',
     templateUrl: `

package/dist/assets/icons/arrow.svg

@@ -1,7 +1,7 @@
-<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">
+<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">
     <title>434AFB85-135A-4569-A66B-6D5812BAA42C@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -208.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -208.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="Combined-Shape" transform="translate(243.000000, 0.000000)">

package/dist/assets/icons/attachment.svg

@@ -1,7 +1,7 @@
-<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">
+<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">
     <title>6900D5DE-1A64-4EE8-8ABC-1FEE34C10458@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -240.000000)" fill="#80829E" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -240.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="attachment" transform="translate(0.000000, 32.000000)">

package/dist/assets/icons/bread.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>5F1EB64F-AB98-4EB4-AC35-FB0B26115170@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -272.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -272.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="bread" transform="translate(0.000000, 64.000000)">

package/dist/assets/icons/calendar.svg

@@ -1,7 +1,7 @@
-<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">
+<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">
     <title>3D99E2A7-B47A-4957-8D2C-7AF582F435CF@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -304.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -304.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="calendar" transform="translate(0.000000, 96.000000)">

package/dist/assets/icons/car.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>15BDAF47-5E79-4AD0-9D15-AEC22BEDD040@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -336.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -336.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="car" transform="translate(0.000000, 128.000000)">

package/dist/assets/icons/checkmark.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>EB3016C2-A1DF-47ED-937C-697443FD3F3C@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="checkmark" transform="translate(0.000000, 160.000000)">

package/dist/assets/icons/chevron.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>2D60A936-D98C-47D5-81C3-87BE72E0E033@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -400.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -400.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="chevron" transform="translate(0.000000, 192.000000)">

package/dist/assets/icons/clock.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>DA4F6F05-8E0E-4F99-8C04-325E1026BDED@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -432.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -432.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="clock" transform="translate(0.000000, 224.000000)">

package/dist/assets/icons/cogs.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>D69A8BFD-59F3-48E5-B2F8-A57D151EB85C@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -468.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -468.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="cogs" transform="translate(0.000000, 260.000000)">

package/dist/assets/icons/comment.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>85F96114-FD2C-4B57-AEA8-3B2854320A29@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -502.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -502.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="comment" transform="translate(0.000000, 294.000000)">

package/dist/assets/icons/document.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -534.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -534.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="document" transform="translate(0.000000, 326.000000)">

package/dist/assets/icons/download.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>467E5344-FF5F-465D-940E-3EE5A5238ED5@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -566.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -566.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="download" transform="translate(0.000000, 358.000000)">

package/dist/assets/icons/envelope.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>6E5BAADC-0E2C-4B1F-8A4B-A6F7D16BAE6B@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -598.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -598.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="envelope" transform="translate(0.000000, 390.000000)">

package/dist/assets/icons/explanation.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>689A577B-4141-4E4F-B884-DF9FBE546815@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1366.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1366.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="explanation" transform="translate(0.000000, 1158.000000)">

package/dist/assets/icons/eye.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>36A03146-33F9-43AB-B64A-795FF770A42E@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -630.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -630.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="eye" transform="translate(0.000000, 422.000000)">

package/dist/assets/icons/filter.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>161B97F5-D5D9-43EE-AD95-15870E881303@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -662.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -662.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="filter" transform="translate(0.000000, 454.000000)">

package/dist/assets/icons/grid.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>0B846487-E152-44B1-B058-D5E90C916406@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -694.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -694.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="grid" transform="translate(0.000000, 486.000000)">

package/dist/assets/icons/headset.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>1B240603-203F-49BC-9F73-8609C2B2A397@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -726.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -726.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="headset" transform="translate(0.000000, 518.000000)">

package/dist/assets/icons/list.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>680FABDB-CA3A-4C86-A241-59CFA9DF98BD@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -758.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -758.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="list" transform="translate(0.000000, 550.000000)">

package/dist/assets/icons/location.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>F74A1493-189D-4CFE-9DC0-D69141A189C7@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -790.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -790.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="location" transform="translate(0.000000, 582.000000)">

package/dist/assets/icons/megaphone.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>A2F9256B-4901-4C20-8F77-D5066011EE5A@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -822.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -822.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="megaphone" transform="translate(0.000000, 614.000000)">

package/dist/assets/icons/minus.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>1AA10FE9-5D18-418E-AF58-B044C23B6DEB@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -854.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -854.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="minus" transform="translate(0.000000, 646.000000)">

package/dist/assets/icons/negative.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>B592C279-58CD-4C4A-A354-393D736863E2@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -886.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -886.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="negative" transform="translate(0.000000, 678.000000)">

package/dist/assets/icons/pagination.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>667348A2-48CB-496D-8C8A-3A0C4142E887@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1430.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1430.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="pagination" transform="translate(0.000000, 1222.000000)">

package/dist/assets/icons/payment.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>46CF5A08-42A2-4628-A7C8-6721B5428686@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -918.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -918.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="payment" transform="translate(0.000000, 710.000000)">

package/dist/assets/icons/pencil.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>9E1784EB-8E2A-4C1A-A8C3-F500E03858E6@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -950.000000)" fill="#989AB7" fill-rule="nonzero">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -950.000000)" fill="currentColor" fill-rule="nonzero">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="pencil" transform="translate(0.000000, 742.000000)">

package/dist/assets/icons/person.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>C1AD60F3-92E2-4915-A731-25F894172F6D@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -982.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -982.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="person" transform="translate(0.000000, 774.000000)">

package/dist/assets/icons/plus.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>70C9DBCC-EA4A-4C0D-8EE1-ACE33C96B3AC@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1014.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1014.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="plus" transform="translate(0.000000, 806.000000)">

package/dist/assets/icons/question.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<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">
+<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">
     <title>B38D7652-BAD1-453A-A17A-8BD72B3A27DE@1x</title>
     <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1046.000000)" fill="#989AB7">
+        <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -1046.000000)" fill="currentColor">
             <g id="Collection---Icons" transform="translate(56.000000, 56.000000)">
                 <g id="icons" transform="translate(0.000000, 152.000000)">
                     <g id="question" transform="translate(0.000000, 838.000000)">