oasys-lib 0.0.1 → 0.0.4

package/src/assets/bloomandwild/icons/icons.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 32 32" id="icon-basket-24" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.127a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1v17.967c0 1.923-1.497 3.567-3.444 3.567H7.445c-1.948 0-3.444-1.643-3.444-3.567V9.127zm2 1v16.967c0 .912.692 1.567 1.444 1.567h17.111c.752 0 1.444-.655 1.444-1.567V10.127h-20z"/><path d="M11.533 11.909a1 1 0 0 0 1-1V6.751c0-.398.06-.78.171-1.137.124-.4.312-.771.552-1.1A3.635 3.635 0 0 1 16.2 2.999c1.767 0 3.262 1.285 3.597 3.019.046.236.07.481.07.732v4.158a1 1 0 0 0 2 0V6.75a5.82 5.82 0 0 0-.106-1.111C21.253 3.007 18.968.999 16.2.999a5.634 5.634 0 0 0-4.561 2.338 5.738 5.738 0 0 0-.844 1.684 5.823 5.823 0 0 0-.261 1.729v4.158a1 1 0 0 0 1 1z"/></symbol><symbol viewBox="0 0 32 32" id="icon-heart-24" xmlns="http://www.w3.org/2000/svg"><path d="m16 10.087 1.307-1.852C18.455 6.608 20.246 5.6 22.223 5.6c3.319 0 6.177 2.895 6.177 6.681v-.002.045c0 1.64-.567 3.149-1.504 4.325l-.016.02-.016.019c-2.351 3.133-8.123 8.649-10.548 10.92-1.505-1.296-4.329-3.769-6.895-6.243C8.062 20.057 6.8 18.77 5.85 17.672a16.092 16.092 0 0 1-1.12-1.427 4.645 4.645 0 0 1-.291-.483l.003.006a1.224 1.224 0 0 1-.082-.185s0-.001 0 0l-.037-.16-.069-.147a7.093 7.093 0 0 1-.655-2.997c0-3.785 2.859-6.68 6.177-6.68 1.977 0 3.768 1.009 4.916 2.633l1.307 1.853zm-1.075-4.014C13.553 4.782 11.752 4 9.778 4c-4.297 0-7.779 3.707-7.779 8.28 0 1.32.289 2.565.804 3.672.599 2.529 9.847 10.62 12.716 13.08.215.187.498.3.807.3.328 0 .626-.128.847-.337l-.001.001c2.228-2.08 8.437-7.969 10.971-11.347a8.516 8.516 0 0 0 1.856-5.326v-.045.002c0-4.573-3.483-8.28-7.777-8.28-1.973 0-3.776.783-5.148 2.073a8.245 8.245 0 0 0-1.058 1.214l-.017.025a8.145 8.145 0 0 0-1.071-1.236l-.004-.004z"/></symbol><symbol viewBox="0 0 32 32" id="icon-pin-24" xmlns="http://www.w3.org/2000/svg"><path d="M15.818 5A8.818 8.818 0 0 0 7 13.818c0 3.416 2.22 6.718 4.635 9.267a32.226 32.226 0 0 0 4.183 3.689 32.226 32.226 0 0 0 4.183-3.689c2.415-2.549 4.635-5.851 4.635-9.267A8.818 8.818 0 0 0 15.818 5zm0 23-.555.832-.003-.002-.007-.005-.025-.017-.09-.062a31.12 31.12 0 0 1-1.478-1.106 34.21 34.21 0 0 1-3.478-3.18c-2.494-2.633-5.183-6.422-5.183-10.642C4.999 7.843 9.842 3 15.817 3s10.818 4.843 10.818 10.818c0 4.22-2.689 8.009-5.183 10.642a34.33 34.33 0 0 1-4.628 4.054c-.14.101-.251.179-.328.232l-.09.062-.025.017-.007.005-.002.001s-.001.001-.556-.831zm0 0 .556.831a1.004 1.004 0 0 1-1.111.001l.555-.832z"/><path d="M15.818 11.545a2.273 2.273 0 1 0 0 4.547 2.273 2.273 0 0 0 0-4.547zm-4.273 2.273a4.273 4.273 0 1 1 8.546 0 4.273 4.273 0 0 1-8.546 0z"/></symbol></svg>

package/src/assets/bloomandwild/styles.scss

@@ -0,0 +1,34 @@
+
+//Headline
+
+@font-face {
+  font-family: 'TiemposHeadline';
+  src: url('./fonts/TiemposHeadlineWeb-Bold.woff2') format('woff2'),
+      url('./fonts/TiemposHeadlineWeb-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+
+
+// Body
+
+@font-face {
+  font-family: 'NeueHaasUnica';
+  src: url('./fonts/NeueHaasUnicaW05-Medium.woff2') format('woff2'),
+      url('./fonts/NeueHaasUnicaW05-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'NeueHaasUnica';
+  src: url('./fonts/NeueHaasUnicaW05-Regular.woff2') format('woff2'),
+      url('./fonts/NeueHaasUnicaW05-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+

package/src/assets/bloomandwild/variables.css

@@ -0,0 +1,94 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 07 Jul 2022 14:00:55 GMT
+ */
+
+:root .bloomandwild {
+  --component-color-button-primary-background: #262626;
+  --component-color-button-primary-border: #262626;
+  --component-color-button-primary-text: #ffffff;
+  --component-color-button-secondary-background: transparent;
+  --component-color-button-secondary-border: #262626;
+  --component-color-button-secondary-text: #262626;
+  --component-color-button-tertiary-background: transparent;
+  --component-color-button-tertiary-border: transparent;
+  --component-color-button-tertiary-text: #262626;
+  --component-color-button-primary-inverse-background: #ffffff;
+  --component-color-button-primary-inverse-border: #ffffff;
+  --component-color-button-primary-inverse-text: #262626;
+  --component-color-button-secondary-inverse-background: transparent;
+  --component-color-button-secondary-inverse-border: #ffffff;
+  --component-color-button-secondary-inverse-text: #ffffff;
+  --component-color-button-tertiary-inverse-background: transparent;
+  --component-color-button-tertiary-inverse-border: transparent;
+  --component-color-button-tertiary-inverse-text: #ffffff;
+  --component-color-button-expressive-background: #fff799;
+  --component-color-button-expressive-border: #fff799;
+  --component-color-button-expressive-text: #262626;
+  --component-color-button-danger-background: #DB4141;
+  --component-color-button-danger-border: #DB4141;
+  --component-color-button-danger-text: #ffffff;
+  --component-color-button-facebook-background: #485b94;
+  --component-color-button-facebook-border: #485b94;
+  --component-color-button-facebook-text: #ffffff;
+  --component-color-button-paypal-background: #ffc43a;
+  --component-color-button-paypal-border: #ffc43a;
+  --component-color-button-paypal-text: #262626;
+  --component-color-button-trustpilot-background: #29b47c;
+  --component-color-button-trustpilot-border: #29b47c;
+  --component-color-button-trustpilot-text: #ffffff;
+  --component-color-button-disabled-background: #f4f3f2;
+  --component-color-button-disabled-border: #f4f3f2;
+  --component-color-button-disabled-text: #898989;
+  --component-size-button-large-padding-x: 1.9rem;
+  --component-size-button-large-padding-y: 1.5rem;
+  --component-size-button-large-icon-offset-leading: 0.8rem;
+  --component-size-button-large-icon-offset-trailing: 0.8rem;
+  --component-size-button-large-icon-offset-icon-only: 1rem;
+  --component-size-button-large-line-height: 1.6rem;
+  --component-size-button-large-inline-spacing: 0.8rem;
+  --component-size-button-large-font-size: 1.8rem;
+  --component-size-button-small-padding-x: 1.5rem;
+  --component-size-button-small-padding-y: 0.7rem;
+  --component-size-button-small-icon-offset-leading: 0.4rem;
+  --component-size-button-small-icon-offset-trailing: 0.4rem;
+  --component-size-button-small-icon-offset-icon-only: 1rem;
+  --component-size-button-small-line-height: 1.6rem;
+  --component-size-button-small-inline-spacing: 0.4rem;
+  --component-size-button-small-font-size: 1.6rem;
+  --component-border-width-button: 0.1rem;
+  --component-border-radius-button: 0.2rem;
+  --component-text-transform-button: normal;
+  --component-letter-spacing-button: 0rem;
+  --component-font-weight-button: 500;
+  --component-opacity-overlay-hover: 0.08;
+  --component-opacity-overlay-focus: 0.16;
+  --semantic-color-action-primary: #262626;
+  --semantic-color-action-primary-inverse: #ffffff;
+  --semantic-color-action-expressive: #fff799;
+  --semantic-color-action-danger: #DB4141;
+  --semantic-color-action-disabled: #f4f3f2;
+  --semantic-color-background: #ffffff;
+  --semantic-color-text-body: #262626;
+  --semantic-color-text-body-on-dark: #ffffff;
+  --semantic-color-text-body-disabled: #898989;
+  --semantic-color-transparent: transparent;
+  --semantic-color-tone-success: #fdf888;
+  --semantic-color-tone-warning: #ff9f80;
+  --semantic-color-tone-error: #C84116;
+  --semantic-font-family-headline: 'TiemposHeadline', Georgia, serif;
+  --semantic-font-family-headline-secondary: 'NeueHaasUnica', Arial, Helvetica, sans-serif;
+  --semantic-font-family-body: 'NeueHaasUnica', Arial, Helvetica, sans-serif;
+  --semantic-font-weight-normal: normal;
+  --semantic-font-weight-medium: 500;
+  --semantic-font-weight-bold: 500;
+  --semantic-font-letter-spacing-action-primary: 0rem;
+  --semantic-brand-name: bloomandwild;
+  --semantic-border-width-default: 0.1rem;
+  --semantic-border-width-emphasis: 0.2rem;
+  --semantic-border-width-focus: 0.4rem;
+  --semantic-border-radius-none: 0rem;
+  --semantic-border-radius-soften-ui: 0.2rem;
+  --semantic-border-radius-round: 2.4rem;
+  --utility-brand-name: bloomandwild;
+}

package/src/assets/bloomon/icons/icons.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 32 32" id="icon-basket-16" xmlns="http://www.w3.org/2000/svg"><path d="M5.354 10.124A3.47 3.47 0 0 1 8.777 7.2h14.445a3.465 3.465 0 0 1 3.424 2.924l2.566 16.208a2.134 2.134 0 0 1-2.106 2.468H4.894a2.134 2.134 0 0 1-2.104-2.48l-.002.012 2.566-16.208zM8.778 8.8c-.92 0-1.7.668-1.844 1.574l-2.566 16.21c-.052.324.2.616.526.616h22.212a.534.534 0 0 0 .525-.619v.003l-2.566-16.21A1.87 1.87 0 0 0 23.222 8.8H8.779z"/><path d="M10.466 7.572a5.467 5.467 0 0 1 10.934 0v.668h-1.6v-.668a3.867 3.867 0 1 0-7.734 0v.668h-1.6v-.668z"/></symbol><symbol viewBox="0 0 32 32" id="icon-basket-24" xmlns="http://www.w3.org/2000/svg"><path d="M5.353 10.124A3.471 3.471 0 0 1 8.777 7.2h14.445a3.467 3.467 0 0 1 3.421 2.904l.003.02 2.567 16.209a2.133 2.133 0 0 1-2.107 2.466H4.893a2.133 2.133 0 0 1-2.105-2.479l-.002.012 2.567-16.209zM8.777 8.8c-.928 0-1.698.677-1.842 1.564l-.001.011-2.565 16.209a.533.533 0 0 0 .527.616h22.211a.533.533 0 0 0 .526-.619v.003l-2.565-16.211A1.87 1.87 0 0 0 23.225 8.8H8.779z"/><path d="M10.467 7.573a5.467 5.467 0 1 1 10.934 0v.667h-1.6v-.667a3.867 3.867 0 0 0-7.734 0v.667h-1.6v-.667z"/></symbol><symbol viewBox="0 0 32 32" id="icon-heart-16" xmlns="http://www.w3.org/2000/svg"><path d="m16 11.154 1.924-2.584a5.351 5.351 0 0 1 4.298-2.17c2.95 0 5.378 2.418 5.378 5.446v-.001.017a5.425 5.425 0 0 1-1.288 3.52l-.026.03-.022.028c-2.158 2.724-7.328 7.452-9.968 9.812l-.291-.232a165.158 165.158 0 0 1-6.077-5.248l-.051-.045a57.434 57.434 0 0 1-3.465-3.401c-.462-.51-.814-.936-1.052-1.27a3.007 3.007 0 0 1-.244-.384l-.046-.178-.11-.228a5.452 5.452 0 0 1-.56-2.42C4.4 8.82 6.83 6.4 9.776 6.4h.001a5.34 5.34 0 0 1 4.299 2.17L16 11.154zm12.144 5.776A7.813 7.813 0 0 0 30 11.86v-.014.001c0-4.334-3.482-7.846-7.778-7.846a7.694 7.694 0 0 0-4.498 1.444A7.87 7.87 0 0 0 16 7.139a7.931 7.931 0 0 0-1.701-1.678l-.023-.016a7.634 7.634 0 0 0-4.488-1.444h-.013.001C5.484 4.001 2 7.513 2 11.847c0 1.248.29 2.428.804 3.476.6 2.398 9.846 10.062 12.716 12.394a1.28 1.28 0 0 0 1.656-.037l-.001.001c2.228-1.97 8.436-7.55 10.97-10.75z"/></symbol><symbol viewBox="0 0 32 32" id="icon-heart-24" xmlns="http://www.w3.org/2000/svg"><path d="m16 10.087 1.307-1.852C18.455 6.608 20.246 5.6 22.223 5.6c3.319 0 6.177 2.895 6.177 6.681v-.002.045c0 1.64-.567 3.149-1.504 4.325l-.016.02-.016.019c-2.351 3.133-8.123 8.649-10.548 10.92-1.505-1.296-4.329-3.769-6.895-6.243C8.062 20.057 6.8 18.77 5.85 17.672a16.092 16.092 0 0 1-1.12-1.427 4.645 4.645 0 0 1-.291-.483l.003.006a1.224 1.224 0 0 1-.082-.185s0-.001 0 0l-.037-.16-.069-.147a7.093 7.093 0 0 1-.655-2.997c0-3.785 2.859-6.68 6.177-6.68 1.977 0 3.768 1.009 4.916 2.633l1.307 1.853zm-1.075-4.014C13.553 4.782 11.752 4 9.778 4c-4.297 0-7.779 3.707-7.779 8.28 0 1.32.289 2.565.804 3.672.599 2.529 9.847 10.62 12.716 13.08.215.187.498.3.807.3.328 0 .626-.128.847-.337l-.001.001c2.228-2.08 8.437-7.969 10.971-11.347a8.516 8.516 0 0 0 1.856-5.326v-.045.002c0-4.573-3.483-8.28-7.777-8.28-1.973 0-3.776.783-5.148 2.073a8.245 8.245 0 0 0-1.058 1.214l-.017.025a8.145 8.145 0 0 0-1.071-1.236l-.004-.004z"/></symbol><symbol viewBox="0 0 34 32" id="icon-pin-16" xmlns="http://www.w3.org/2000/svg"><path d="M16.364 5a8.818 8.818 0 0 0-8.818 8.818c0 3.416 2.22 6.718 4.635 9.267a32.226 32.226 0 0 0 4.183 3.689 32.108 32.108 0 0 0 4.183-3.689c2.415-2.549 4.635-5.851 4.635-9.267A8.818 8.818 0 0 0 16.364 5zm0 23-.555.832-.003-.002-.007-.005-.025-.017-.09-.061a31.12 31.12 0 0 1-1.478-1.106 34.21 34.21 0 0 1-3.478-3.18c-2.494-2.633-5.183-6.422-5.183-10.642 0-5.975 4.843-10.818 10.818-10.818s10.818 4.843 10.818 10.818c0 4.22-2.689 8.009-5.183 10.642a34.33 34.33 0 0 1-4.628 4.054c-.14.101-.251.179-.328.232l-.114.078-.007.005-.002.002s-.001.001-.556-.831zm0 0 .556.831a1.002 1.002 0 0 1-1.111 0l.555-.832z"/><path d="M16.364 11.545a2.273 2.273 0 1 0 0 4.547 2.273 2.273 0 0 0 0-4.547zm-4.273 2.273a4.273 4.273 0 1 1 8.546 0 4.273 4.273 0 0 1-8.546 0z"/></symbol><symbol viewBox="0 0 32 32" id="icon-pin-24" xmlns="http://www.w3.org/2000/svg"><path d="M7.467 13.6c0-4.882 3.842-8.8 8.533-8.8s8.533 3.918 8.533 8.8c0 2.167-1.097 4.46-2.721 6.719-1.614 2.246-3.664 4.349-5.425 6.141a.544.544 0 0 1-.776 0c-1.761-1.793-3.811-3.896-5.425-6.141-1.623-2.259-2.721-4.552-2.721-6.719zM16 3.2c-5.618 0-10.133 4.678-10.133 10.4 0 2.674 1.335 5.306 3.021 7.653 1.696 2.361 3.833 4.547 5.582 6.329.84.855 2.219.855 3.059 0 1.749-1.781 3.886-3.968 5.582-6.329 1.686-2.347 3.021-4.978 3.021-7.653 0-5.722-4.516-10.4-10.133-10.4zm-2.533 10.133a2.533 2.533 0 1 1 5.066 0 2.533 2.533 0 0 1-5.066 0zM16 9.2a4.133 4.133 0 1 0 0 8.266A4.133 4.133 0 0 0 16 9.2z"/></symbol></svg>

package/src/assets/bloomon/styles.scss

@@ -0,0 +1,24 @@
+/* ---------------------
+Bloomon font family defintions
+--------------------- */
+
+@font-face {
+  font-family: 'Patron';
+  src: url('./fonts/Patron-Regular.woff2') format('woff2'),
+      url('./fonts/Patron-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Patron';
+  src: url('./fonts/Patron-Thin.woff2') format('woff2'),
+      url('./fonts/Patron-Thin.woff') format('woff');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+
+

package/src/assets/bloomon/variables.css

@@ -0,0 +1,94 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 07 Jul 2022 14:00:55 GMT
+ */
+
+:root .bloomon {
+  --component-color-button-primary-background: #464646;
+  --component-color-button-primary-border: #464646;
+  --component-color-button-primary-text: #ffffff;
+  --component-color-button-secondary-background: transparent;
+  --component-color-button-secondary-border: #464646;
+  --component-color-button-secondary-text: #464646;
+  --component-color-button-tertiary-background: transparent;
+  --component-color-button-tertiary-border: transparent;
+  --component-color-button-tertiary-text: #464646;
+  --component-color-button-primary-inverse-background: #ffffff;
+  --component-color-button-primary-inverse-border: #ffffff;
+  --component-color-button-primary-inverse-text: #464646;
+  --component-color-button-secondary-inverse-background: transparent;
+  --component-color-button-secondary-inverse-border: #ffffff;
+  --component-color-button-secondary-inverse-text: #ffffff;
+  --component-color-button-tertiary-inverse-background: transparent;
+  --component-color-button-tertiary-inverse-border: transparent;
+  --component-color-button-tertiary-inverse-text: #ffffff;
+  --component-color-button-expressive-background: #fdf888;
+  --component-color-button-expressive-border: #fdf888;
+  --component-color-button-expressive-text: #464646;
+  --component-color-button-danger-background: #C84116;
+  --component-color-button-danger-border: #C84116;
+  --component-color-button-danger-text: #ffffff;
+  --component-color-button-facebook-background: #485b94;
+  --component-color-button-facebook-border: #485b94;
+  --component-color-button-facebook-text: #ffffff;
+  --component-color-button-paypal-background: #ffc43a;
+  --component-color-button-paypal-border: #ffc43a;
+  --component-color-button-paypal-text: #464646;
+  --component-color-button-trustpilot-background: #29b47c;
+  --component-color-button-trustpilot-border: #29b47c;
+  --component-color-button-trustpilot-text: #ffffff;
+  --component-color-button-disabled-background: #f7f7f7;
+  --component-color-button-disabled-border: #f7f7f7;
+  --component-color-button-disabled-text: #898989;
+  --component-size-button-large-padding-x: 2.3rem;
+  --component-size-button-large-padding-y: 1.5rem;
+  --component-size-button-large-icon-offset-leading: 0.6rem;
+  --component-size-button-large-icon-offset-trailing: 0.6rem;
+  --component-size-button-large-icon-offset-icon-only: 1rem;
+  --component-size-button-large-line-height: 1.6rem;
+  --component-size-button-large-inline-spacing: 0.8rem;
+  --component-size-button-large-font-size: 1.4rem;
+  --component-size-button-small-padding-x: 1.5rem;
+  --component-size-button-small-padding-y: 0.7rem;
+  --component-size-button-small-icon-offset-leading: 0.4rem;
+  --component-size-button-small-icon-offset-trailing: 0.4rem;
+  --component-size-button-small-icon-offset-icon-only: 1rem;
+  --component-size-button-small-line-height: 1.6rem;
+  --component-size-button-small-inline-spacing: 0.4rem;
+  --component-size-button-small-font-size: 1.2rem;
+  --component-border-width-button: 0.1rem;
+  --component-border-radius-button: 2.4rem;
+  --component-text-transform-button: uppercase;
+  --component-letter-spacing-button: 0.2rem;
+  --component-font-weight-button: normal;
+  --component-opacity-overlay-hover: 0.08;
+  --component-opacity-overlay-focus: 0.16;
+  --semantic-color-action-primary: #464646;
+  --semantic-color-action-primary-inverse: #ffffff;
+  --semantic-color-action-expressive: #fdf888;
+  --semantic-color-action-danger: #C84116;
+  --semantic-color-action-disabled: #f7f7f7;
+  --semantic-color-background: #ffffff;
+  --semantic-color-text-body: #464646;
+  --semantic-color-text-body-on-dark: #ffffff;
+  --semantic-color-text-body-disabled: #898989;
+  --semantic-color-transparent: transparent;
+  --semantic-color-tone-success: #fdf888;
+  --semantic-color-tone-warning: #ff9f80;
+  --semantic-color-tone-error: #DB4141;
+  --semantic-font-family-headline: 'Patron', Arial, Helvetica, sans-serif;
+  --semantic-font-family-headline-second: 'Patron', Arial, Helvetica, sans-serif;
+  --semantic-font-family-body: 'Patron', Arial, Helvetica, sans-serif;
+  --semantic-font-weight-normal: 100;
+  --semantic-font-weight-medium: normal;
+  --semantic-font-weight-bold: normal;
+  --semantic-font-letter-spacing-action-primary: 0.2rem;
+  --semantic-brand-name: bloomon;
+  --semantic-border-width-default: 0.1rem;
+  --semantic-border-width-emphasis: 0.2rem;
+  --semantic-border-width-focus: 0.4rem;
+  --semantic-border-radius-none: 0rem;
+  --semantic-border-radius-soften-ui: 0.2rem;
+  --semantic-border-radius-round: 2.4rem;
+  --utility-brand-name: bloomon;
+}

package/src/assets/global/variables.css

@@ -0,0 +1,77 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 07 Jul 2022 14:00:55 GMT
+ */
+
+:root {
+  --global-color-white: #ffffff;
+  --global-color-grey-10: #f7f7f7;
+  --global-color-grey-20: #cdcdcd;
+  --global-color-grey-30: #c6c6c6;
+  --global-color-grey-40: #a8a8a8;
+  --global-color-grey-50: #898989;
+  --global-color-grey-60: #676767;
+  --global-color-grey-75: #464646;
+  --global-color-grey-80: #464646;
+  --global-color-grey-90: #262626;
+  --global-color-linen-grey-10: #f4f3f2;
+  --global-color-linen-grey-20: #e2e0dc;
+  --global-color-linen-grey-30: #cbc7c1;
+  --global-color-linen-grey-40: #afaaa1;
+  --global-color-linen-grey-50: #948b7e;
+  --global-color-linen-grey-60: #726b60;
+  --global-color-linen-grey-75: #4d4840;
+  --global-color-yellow-50: #fdf888;
+  --global-color-yellow-60: #fff799;
+  --global-color-linen-10: #fcf5ea;
+  --global-color-linen-20: #f9ecd7;
+  --global-color-linen-40: #e8b767;
+  --global-color-linen-60: #b67b1b;
+  --global-color-linen-75: #734d11;
+  --global-color-pine-10: #f0f6f4;
+  --global-color-pine-20: #e2eee9;
+  --global-color-pine-40: #8fc0ac;
+  --global-color-pine-60: #447964;
+  --global-color-pine-75: #2d5443;
+  --global-color-blush-copper: #d89078;
+  --global-color-blush-blush: #ff9f80;
+  --global-color-blush-lush: #ffcfc0;
+  --global-color-blush-light: #f8d7be;
+  --global-color-blush-beige: #f6e9dc;
+  --global-color-blush-pale: #fff8f4;
+  --global-color-red-50: #DB4141;
+  --global-color-red-60: #C84116;
+  --global-color-partners-facebook: #485b94;
+  --global-color-partners-paypal: #ffc43a;
+  --global-color-partners-trustpilot: #29b47c;
+  --global-size-font-body-1: 2rem;
+  --global-size-font-body-2: 1.8rem;
+  --global-size-font-body-3: 1.6rem;
+  --global-size-font-body-4: 1.4rem;
+  --global-size-font-body-5: 1.2rem;
+  --global-size-font-base: 1.6rem;
+  --global-size-icon-small: 2rem;
+  --global-size-icon-large: 2rem;
+  --global-size-unit-0: 0rem;
+  --global-size-unit-10: 1rem;
+  --global-size-unit-11: 1.1rem;
+  --global-size-unit-12: 1.2rem;
+  --global-size-unit-15: 1.5rem; /* Test description */
+  --global-size-unit-16: 1.6rem;
+  --global-size-unit-19: 1.9rem;
+  --global-size-unit-20: 2rem;
+  --global-size-unit-23: 2.3rem;
+  --global-size-unit-24: 2.4rem;
+  --global-size-unit-32: 3.2rem;
+  --global-size-unit-40: 4rem;
+  --global-size-unit-48: 4.8rem;
+  --global-size-unit-56: 5.6rem;
+  --global-size-unit-01: 0.1rem;
+  --global-size-unit-02: 0.2rem;
+  --global-size-unit-04: 0.4rem;
+  --global-size-unit-05: 0.5rem;
+  --global-size-unit-06: 0.6rem;
+  --global-size-unit-07: 0.7rem;
+  --global-size-unit-08: 0.8rem;
+  --global-size-unit-default: 2.4rem;
+}

package/src/assets/style.css

@@ -0,0 +1,5 @@
+/* @import './layout.scss'; */
+
+html {
+    font-size: 62.5%;
+}

package/esm2020/lib/oasys-lib.component.mjs

@@ -1,26 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-export class OasysLibComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-OasysLibComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: OasysLibComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OasysLibComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: OasysLibComponent, selector: "lib-oasys-lib", ngImport: i0, template: `
-    <p>
-      oasys-lib works!!!!
-    </p>
-  `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: OasysLibComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lib-oasys-lib',
-                    template: `
-    <p>
-      oasys-lib works!!!!
-    </p>
-  `,
-                    styles: []
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2FzeXMtbGliLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL29hc3lzLWxpYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFZbEQsTUFBTSxPQUFPLGlCQUFpQjtJQUU1QixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7OEdBTFUsaUJBQWlCO2tHQUFqQixpQkFBaUIscURBUmxCOzs7O0dBSVQ7MkZBSVUsaUJBQWlCO2tCQVY3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCxNQUFNLEVBQUUsRUFDUDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1vYXN5cy1saWInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxwPlxuICAgICAgb2FzeXMtbGliIHdvcmtzISEhIVxuICAgIDwvcD5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNMaWJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIl19

package/esm2020/lib/oasys-lib.service.mjs

@@ -1,14 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-export class OasysLibService {
-    constructor() { }
-}
-OasysLibService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: OasysLibService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-OasysLibService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: OasysLibService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: OasysLibService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2FzeXMtbGliLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9vYXN5cy1saWIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sZUFBZTtJQUUxQixnQkFBZ0IsQ0FBQzs7NEdBRk4sZUFBZTtnSEFBZixlQUFlLGNBRmQsTUFBTTsyRkFFUCxlQUFlO2tCQUgzQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNMaWJTZXJ2aWNlIHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxufVxuIl19

package/lib/oasys-lib.component.d.ts

@@ -1,8 +0,0 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class OasysLibComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OasysLibComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OasysLibComponent, "lib-oasys-lib", never, {}, {}, never, never>;
-}

package/lib/oasys-lib.service.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class OasysLibService {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<OasysLibService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<OasysLibService>;
-}