@jotyping/jo-designsystem 0.1.17-alpha → 0.1.18-alpha

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 (15) hide show
  1. package/dist/components/button/jd-button.scss.js +1 -1
  2. package/dist/components/flash/jd-flash.scss.js +1 -1
  3. package/dist/components/footer/jd-footer.scss.js +1 -1
  4. package/dist/components/header/jd-header.scss.js +1 -1
  5. package/dist/components/heading/jd-heading.scss.js +1 -1
  6. package/dist/components/icon/jd-icon.scss.js +2 -2
  7. package/dist/components/icon-button/jd-icon-button.scss.js +1 -1
  8. package/dist/components/image-link/jd-image-link.scss.js +1 -1
  9. package/dist/components/link/jd-link.scss.js +1 -1
  10. package/dist/components/modal/jd-modal.scss.js +1 -1
  11. package/dist/components/tag/jd-tag.scss.js +1 -1
  12. package/dist/jo-designsystem-AoNRqoH_.css +1 -0
  13. package/package.json +1 -1
  14. package/src/styles/fonts.css +4 -4
  15. package/dist/jo-designsystem-BD4gMNtF.css +0 -1
package/dist/components/button/jd-button.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const o = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}:host([active]) button.primary{color:#3a3a3a;background-color:#fff}:host([active]) button.secondary{color:#3a3a3a;background-color:#fff;outline:3px solid #3a3a3a;outline-offset:-3px}:host([active]) button.secondary:hover{outline:4px solid #3a3a3a;outline-offset:-4px}button{font-family:Satoshi_Bold,sans-serif;font-size:24px;line-height:42px;padding:0 20px;border-radius:28px;cursor:pointer;transition:background-color .3s;height:56px;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.primary{color:#3a3a3a;background-color:#fff;outline:3px solid #3a3a3a;outline-offset:-3px}button.primary:hover{outline:4px solid #3a3a3a;outline-offset:-4px}button.secondary{color:#3a3a3a;background-color:#fff;outline:1px solid #f3f3f3;outline-offset:-1px}button.secondary:hover{outline:3px solid #f3f3f3;outline-offset:-3px}';
1
+ const o = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}:host([active]) button.primary{color:#3a3a3a;background-color:#fff}:host([active]) button.secondary{color:#3a3a3a;background-color:#fff;outline:3px solid #3a3a3a;outline-offset:-3px}:host([active]) button.secondary:hover{outline:4px solid #3a3a3a;outline-offset:-4px}button{font-family:Satoshi_Bold,sans-serif;font-size:24px;line-height:42px;padding:0 20px;border-radius:28px;cursor:pointer;transition:background-color .3s;height:56px;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.primary{color:#3a3a3a;background-color:#fff;outline:3px solid #3a3a3a;outline-offset:-3px}button.primary:hover{outline:4px solid #3a3a3a;outline-offset:-4px}button.secondary{color:#3a3a3a;background-color:#fff;outline:1px solid #f3f3f3;outline-offset:-1px}button.secondary:hover{outline:3px solid #f3f3f3;outline-offset:-3px}';
2
2
  export {
3
3
  o as default
4
4
  };
package/dist/components/flash/jd-flash.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.flash-wrapper{display:flex;flex-direction:column;gap:15px}.flash-wrapper.upside-down{flex-direction:column-reverse}.title-wrapper.m,.title-wrapper.l{font-family:Satoshi_Italic,sans-serif;font-size:46px;line-height:50px}.title-wrapper.s{font-family:Satoshi_Italic,sans-serif;font-size:34px;line-height:36px}.title-wrapper.red{color:#ff4d2a}.title-wrapper.purple{color:#bf2aff}.title-wrapper.blue{color:#2a91ff}.icon-wrapper{color:#3a3a3a}.icon-wrapper.m,.icon-wrapper.l{width:72px;height:72px}.icon-wrapper.s{width:52px;height:52px}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.flash-wrapper{display:flex;flex-direction:column;gap:15px}.flash-wrapper.upside-down{flex-direction:column-reverse}.title-wrapper.m,.title-wrapper.l{font-family:Satoshi_Italic,sans-serif;font-size:46px;line-height:50px}.title-wrapper.s{font-family:Satoshi_Italic,sans-serif;font-size:34px;line-height:36px}.title-wrapper.red{color:#ff4d2a}.title-wrapper.purple{color:#bf2aff}.title-wrapper.blue{color:#2a91ff}.icon-wrapper{color:#3a3a3a}.icon-wrapper.m,.icon-wrapper.l{width:72px;height:72px}.icon-wrapper.s{width:52px;height:52px}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/footer/jd-footer.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:block}.footer-wrapper{display:flex;justify-content:start;border-top:2px solid #3a3a3a;font-family:Satoshi_Regular,sans-serif;font-size:22px;line-height:32px}.footer-wrapper.s{flex-direction:column;justify-content:center;width:calc(100% - 64px);margin:0 32px;height:140px}.footer-wrapper.m{flex-direction:row;align-items:center;width:calc(100% - 80px);margin:0 40px;height:78px}.footer-wrapper.l{flex-direction:row;align-items:center;width:calc(100% - 192px);margin:0 96px;height:94px}.dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#3a3a3a}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:block}.footer-wrapper{display:flex;justify-content:start;border-top:2px solid #3a3a3a;font-family:Satoshi_Regular,sans-serif;font-size:22px;line-height:32px}.footer-wrapper.s{flex-direction:column;justify-content:center;width:calc(100% - 64px);margin:0 32px;height:140px}.footer-wrapper.m{flex-direction:row;align-items:center;width:calc(100% - 80px);margin:0 40px;height:78px}.footer-wrapper.l{flex-direction:row;align-items:center;width:calc(100% - 192px);margin:0 96px;height:94px}.dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#3a3a3a}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/header/jd-header.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:block}.header-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header-wrapper.s{width:calc(100% - 64px);margin:0 32px}.header-wrapper.m{width:calc(100% - 80px);margin:0 40px}.header-wrapper.l{width:calc(100% - 192px);margin:0 96px}.burger-wrapper{display:flex;align-items:center;justify-content:center}.nav-wrapper{width:100%;display:flex;justify-content:center;padding-bottom:100px}.empty-div-desktop{width:88px}.logo{font-family:Satoshi_Black,sans-serif;font-size:30px;line-height:168px;color:#3a3a3a;cursor:pointer}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:block}.header-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header-wrapper.s{width:calc(100% - 64px);margin:0 32px}.header-wrapper.m{width:calc(100% - 80px);margin:0 40px}.header-wrapper.l{width:calc(100% - 192px);margin:0 96px}.burger-wrapper{display:flex;align-items:center;justify-content:center}.nav-wrapper{width:100%;display:flex;justify-content:center;padding-bottom:100px}.empty-div-desktop{width:88px}.logo{font-family:Satoshi_Black,sans-serif;font-size:30px;line-height:168px;color:#3a3a3a;cursor:pointer}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/heading/jd-heading.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.heading-wrapper{display:flex;flex-direction:column;gap:32px}.title-wrapper{color:#3a3a3a;display:flex;flex-direction:column;gap:0px}.title-wrapper.l{font-family:Satoshi_Black,sans-serif;font-size:130px;line-height:112px}.title-wrapper.m{font-family:Satoshi_Black,sans-serif;font-size:100px;line-height:90px}.title-wrapper.s{font-family:Satoshi_Black,sans-serif;font-size:80px;line-height:72px}.subtitle-wrapper{color:#3a3a3a}.subtitle-wrapper.l{font-family:Satoshi_Italic,sans-serif;font-size:60px;line-height:64px}.subtitle-wrapper.m{font-family:Satoshi_Italic,sans-serif;font-size:46px;line-height:50px}.subtitle-wrapper.s{font-family:Satoshi_Italic,sans-serif;font-size:34px;line-height:36px}.title-line-two-wrapper{display:flex;flex-direction:row;gap:30px;align-items:baseline}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.heading-wrapper{display:flex;flex-direction:column;gap:32px}.title-wrapper{color:#3a3a3a;display:flex;flex-direction:column;gap:0px}.title-wrapper.l{font-family:Satoshi_Black,sans-serif;font-size:130px;line-height:112px}.title-wrapper.m{font-family:Satoshi_Black,sans-serif;font-size:100px;line-height:90px}.title-wrapper.s{font-family:Satoshi_Black,sans-serif;font-size:80px;line-height:72px}.subtitle-wrapper{color:#3a3a3a}.subtitle-wrapper.l{font-family:Satoshi_Italic,sans-serif;font-size:60px;line-height:64px}.subtitle-wrapper.m{font-family:Satoshi_Italic,sans-serif;font-size:46px;line-height:50px}.subtitle-wrapper.s{font-family:Satoshi_Italic,sans-serif;font-size:34px;line-height:36px}.title-line-two-wrapper{display:flex;flex-direction:row;gap:30px;align-items:baseline}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/icon/jd-icon.scss.js CHANGED
@@ -1,5 +1,5 @@
1
- const a = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.icon-wrapper{display:flex;align-items:center;justify-content:center}.icon-wrapper.blue{color:#2a91ff}.icon-wrapper.red{color:#ff4d2a}.icon-wrapper.purple{color:#bf2aff}.icon-wrapper.black{color:#3a3a3a}.icon-wrapper.white{color:#fff}.icon-wrapper.neutral-200{color:#f3f3f3}.icon-wrapper.neutral-400{color:#d5d5d5}.icon-wrapper.neutral-600{color:#898989}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.icon-wrapper{display:flex;align-items:center;justify-content:center}.icon-wrapper.blue{color:#2a91ff}.icon-wrapper.red{color:#ff4d2a}.icon-wrapper.purple{color:#bf2aff}.icon-wrapper.black{color:#3a3a3a}.icon-wrapper.white{color:#fff}.icon-wrapper.neutral-200{color:#f3f3f3}.icon-wrapper.neutral-400{color:#d5d5d5}.icon-wrapper.neutral-600{color:#898989}';
2
2
  export {
3
- a as default
3
+ t as default
4
4
  };
5
5
  //# sourceMappingURL=jd-icon.scss.js.map
package/dist/components/icon-button/jd-icon-button.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block;height:48px;width:48px}:host([active]) button.borderless{color:#3a3a3a}button{cursor:pointer;border:none;padding:0;width:48px;height:48px}button.borderless{color:#3a3a3a;background-color:#fff}button.borderless:hover{color:#ff4d2a}button.border{color:#3a3a3a;background-color:#fff;outline:2px solid #3a3a3a;outline-offset:-2px;border-radius:24px}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block;height:48px;width:48px}:host([active]) button.borderless{color:#3a3a3a}button{cursor:pointer;border:none;padding:0;width:48px;height:48px}button.borderless{color:#3a3a3a;background-color:#fff}button.borderless:hover{color:#ff4d2a}button.border{color:#3a3a3a;background-color:#fff;outline:2px solid #3a3a3a;outline-offset:-2px;border-radius:24px}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/image-link/jd-image-link.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.link-wrapper{display:flex;flex-direction:column;gap:4px;width:auto}a{color:#3a3a3a;text-decoration:none;background-color:transparent}a:hover{color:#3a3a3a}.title.l{font-family:Satoshi_Italic,sans-serif;font-size:34px;line-height:52px}.title.m,.title.s{font-family:Satoshi_Italic,sans-serif;font-size:28px;line-height:42px}.divider{border-bottom:solid 2px #3a3a3a;height:1px}.description{font-family:Satoshi_Regular,sans-serif;font-size:22px;line-height:32px}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.link-wrapper{display:flex;flex-direction:column;gap:4px;width:auto}a{color:#3a3a3a;text-decoration:none;background-color:transparent}a:hover{color:#3a3a3a}.title.l{font-family:Satoshi_Italic,sans-serif;font-size:34px;line-height:52px}.title.m,.title.s{font-family:Satoshi_Italic,sans-serif;font-size:28px;line-height:42px}.divider{border-bottom:solid 2px #3a3a3a;height:1px}.description{font-family:Satoshi_Regular,sans-serif;font-size:22px;line-height:32px}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/link/jd-link.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.link-wrapper{display:flex;flex-direction:column;gap:4px;width:auto}a{color:#3a3a3a;text-decoration:none;background-color:transparent}a:hover{color:#3a3a3a;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.title{font-family:Satoshi_Regular,sans-serif;font-size:22px;line-height:32px}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.link-wrapper{display:flex;flex-direction:column;gap:4px;width:auto}a{color:#3a3a3a;text-decoration:none;background-color:transparent}a:hover{color:#3a3a3a;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.title{font-family:Satoshi_Regular,sans-serif;font-size:22px;line-height:32px}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/modal/jd-modal.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}.content{display:flex;background-color:#fff;position:fixed;z-index:1001}.content.s{top:0;left:0;height:100vh;width:100vw}.content.m{top:70px;left:70px;height:calc(100vh - 140px);width:calc(100vw - 140px)}.content.l{top:150px;left:150px;height:calc(100vh - 300px);width:calc(100vw - 300px)}.content.hidden{display:none}.content-wrapper{width:100%;height:inherit;overflow:hidden}.content-header{font-family:Satoshi_Bold,sans-serif;font-size:24px;line-height:42px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;height:90px}.content-body{font-family:Satoshi_Regular,sans-serif;font-size:22px;line-height:32px;display:flex;padding:40px;overflow-y:auto}.content-body.s{height:calc(100vh - 170px);width:calc(100vw - 80px)}.content-body.m{height:calc(100vh - 230px);width:calc(100vw - 220px)}.content-body.l{height:calc(100vh - 390px);width:calc(100vw - 380px)}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:block}.backdrop.hidden{display:none}.btn-close-wrapper{position:absolute;z-index:1000;top:20px;right:20px}.btn-close-wrapper.header.s{top:60px;right:32px}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}.content{display:flex;background-color:#fff;position:fixed;z-index:1001}.content.s{top:0;left:0;height:100vh;width:100vw}.content.m{top:70px;left:70px;height:calc(100vh - 140px);width:calc(100vw - 140px)}.content.l{top:150px;left:150px;height:calc(100vh - 300px);width:calc(100vw - 300px)}.content.hidden{display:none}.content-wrapper{width:100%;height:inherit;overflow:hidden}.content-header{font-family:Satoshi_Bold,sans-serif;font-size:24px;line-height:42px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;height:90px}.content-body{font-family:Satoshi_Regular,sans-serif;font-size:22px;line-height:32px;display:flex;padding:40px;overflow-y:auto}.content-body.s{height:calc(100vh - 170px);width:calc(100vw - 80px)}.content-body.m{height:calc(100vh - 230px);width:calc(100vw - 220px)}.content-body.l{height:calc(100vh - 390px);width:calc(100vw - 380px)}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:block}.backdrop.hidden{display:none}.btn-close-wrapper{position:absolute;z-index:1000;top:20px;right:20px}.btn-close-wrapper.header.s{top:60px;right:32px}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/components/tag/jd-tag.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.tag-wrapper{font-family:Satoshi_Bold,sans-serif;font-size:24px;line-height:42px;display:flex;align-items:center;justify-content:center;padding:0 20px;border-radius:32px;height:64px;border:none;color:#3a3a3a;background-color:#f3f3f3}';
1
+ const t = '@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}:host{display:inline-block}.tag-wrapper{font-family:Satoshi_Bold,sans-serif;font-size:24px;line-height:42px;display:flex;align-items:center;justify-content:center;padding:0 20px;border-radius:32px;height:64px;border:none;color:#3a3a3a;background-color:#f3f3f3}';
2
2
  export {
3
3
  t as default
4
4
  };
package/dist/jo-designsystem-AoNRqoH_.css ADDED
@@ -0,0 +1 @@
1
+ @font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}body,html{font-family:Satoshi_Black,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(dist/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(dist/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(dist/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(dist/assets/satoshi-italic.ttf) format("truetype")}
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "description": "Jo Design System",
7
- "version": "0.1.17-alpha",
7
+ "version": "0.1.18-alpha",
8
8
  "type": "module",
9
9
  "main": "dist/index.js",
10
10
  "module": "dist/index.js",
package/src/styles/fonts.css CHANGED
@@ -1,23 +1,23 @@
1
1
  @font-face {
2
2
  font-family: "Satoshi_Regular";
3
3
  font-display: swap;
4
- src: url(/assets/satoshi-regular.ttf) format("truetype");
4
+ src: url(dist/assets/satoshi-regular.ttf) format("truetype");
5
5
  }
6
6
 
7
7
  @font-face {
8
8
  font-family: "Satoshi_Bold";
9
9
  font-display: swap;
10
- src: url(/assets/satoshi-bold.ttf) format("truetype");
10
+ src: url(dist/assets/satoshi-bold.ttf) format("truetype");
11
11
  }
12
12
 
13
13
  @font-face {
14
14
  font-family: "Satoshi_Black";
15
15
  font-display: swap;
16
- src: url(/assets/satoshi-black.ttf) format("truetype");
16
+ src: url(dist/assets/satoshi-black.ttf) format("truetype");
17
17
  }
18
18
 
19
19
  @font-face {
20
20
  font-family: "Satoshi_Italic";
21
21
  font-display: swap;
22
- src: url(/assets/satoshi-italic.ttf) format("truetype");
22
+ src: url(dist/assets/satoshi-italic.ttf) format("truetype");
23
23
  }
package/dist/jo-designsystem-BD4gMNtF.css DELETED
@@ -1 +0,0 @@
1
- @font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}body,html{font-family:Satoshi_Black,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Satoshi_Regular;font-display:swap;src:url(/assets/satoshi-regular.ttf) format("truetype")}@font-face{font-family:Satoshi_Bold;font-display:swap;src:url(/assets/satoshi-bold.ttf) format("truetype")}@font-face{font-family:Satoshi_Black;font-display:swap;src:url(/assets/satoshi-black.ttf) format("truetype")}@font-face{font-family:Satoshi_Italic;font-display:swap;src:url(/assets/satoshi-italic.ttf) format("truetype")}