@myxtra/authentication-green 2.3.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/App.css ADDED
@@ -0,0 +1 @@
1
+ :host{display:inline-block}.menu__list-item:is(.manage-profile,.manage-privacy,.payment) a:last-of-type{display:none}.bou-menu__list{border-bottom:1px solid var(--neutral-200)}@media screen and (min-width: 64rem){.xtra-menu--error #xtra-menu-trigger{gap:0}.menu__list-item:is(.manage-profile,.manage-privacy,.payment) a:first-of-type{display:none}.menu__list-item:is(.manage-profile,.manage-privacy,.payment) a:last-of-type{display:flex}}
@@ -1 +1 @@
1
- .button--authentication{position:relative;display:flex;width:auto;width:fit-content;min-height:unset;align-items:center;padding:var(--spacing-2);border:none;border-radius:var(--border-radius-md);font:var(--subtext-medium);gap:0}.button--authentication .button__label{display:none}.button--authentication .button__icon{position:relative;width:24px;height:24px}.button--authentication--authenticated{padding:var(--spacing-2)}.button--authentication--unauthenticated{display:none}@media screen and (min-width: 64rem){.menu--unauthenticated{display:none}.button--authentication{gap:var(--spacing-2)}.button--authentication--unauthenticated{display:flex}.button--authentication:not(.button--authentication--authenticated){padding:var(--spacing-2) var(--spacing-6)}.button--authentication .button__label{display:inline-flex;align-items:center}.button--authentication:not(.button--authentication--authenticated)>.button__icon-right{display:none}}@media (prefers-reduced-motion: no-preference){.spinner:after{position:absolute;width:16px;height:16px;border:4px solid transparent;border-radius:50%;border-top-color:transparent;border-top-color:var(--primary-500);margin:auto;animation:spin 1s ease infinite;content:"";top:0;right:0;bottom:0;left:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}}
1
+ .button--authentication{position:relative;display:flex;width:auto;width:fit-content;min-height:unset;align-items:center;padding:var(--spacing-2);border:none;border-radius:var(--border-radius-md);font:var(--subtext-medium);gap:0}.button--authentication .button__label{display:none}.button--authentication .button__icon{position:relative;width:24px;height:24px}.button--authentication--authenticated{padding:var(--spacing-2)}.button--authentication--unauthenticated{display:none}@media screen and (min-width: 64rem){.menu--unauthenticated{display:none}.button--authentication{gap:var(--spacing-2)}.button--authentication--unauthenticated{display:flex}.button--authentication:not(.button--authentication--authenticated){padding:var(--spacing-2) var(--spacing-6)}.button--authentication .button__label{display:inline-flex;align-items:center}.button--authentication:not(.button--authentication--authenticated)>.button__icon-right{display:none}}@media (prefers-reduced-motion: no-preference){.spinner:after{position:absolute;width:16px;height:16px;border:4px solid transparent;border-radius:50%;border-top-color:transparent;border-top-color:var(--action-500);margin:auto;animation:spin 1s ease infinite;content:"";top:0;right:0;bottom:0;left:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}}
@@ -0,0 +1 @@
1
+ .form--tc{display:flex;flex-direction:column;gap:var(--spacing-8)}.form--tc__title{font:var(--headers-h4-bold)}.form--tc__description{color:var(--neutral-800);font:var(--paragraphs-p0-regular)}.form--tc__label{font:var(--paragraphs-p1-bold)}.form--tc__link{color:var(--neutral-800);font:var(--paragraphs-p1-regular)}.form--tc__error{display:block;margin-top:var(--spacing-6);color:var(--alert-500)}.button--terms-and-conditions{width:auto}
@@ -0,0 +1 @@
1
+ :root,:host,::backdrop{--color-component-specific-typography-paragraphs-pd: #262626;--color-component-specific-typography-paragraphs-pc: #262626;--color-component-specific-typography-paragraphs-pb: #b3b3b3;--color-component-specific-typography-paragraphs-pa: #fff;--neutral-800: var(--color-universal-neutrals-n-8, #2e3b56);--neutral-900: var(--color-universal-neutrals-n-9, #1b1f27);--alert-500: var(--color-universal-alert-500-base, #e62d32);--action-50: var(--color-universal-action-50, #eff9f9);--action-100: var(--color-universal-action-100, #e5f7f5);--action-200: var(--color-universal-action-200, #cceeec);--action-300: var(--color-universal-action-300, #80d5cf);--action-400: var(--color-universal-action-400, #19b3a8);--action-500: var(--color-universal-action-500-base, #00ab9e);--action-600: var(--color-universal-action-600, #009a8e);--action-700: var(--color-universal-action-700, #008077);--action-800: var(--color-universal-action-800, #00564f);--action-900: var(--color-universal-action-900, #003c37);--headers-h4-bold: var(--typography-web-mobile-headers-h4-bold-font-weight, 700) var(--typography-web-mobile-headers-h4-bold-font-size, 18px) / var(--typography-web-mobile-headers-h4-bold-line-height, 1.375) var(--typography-web-mobile-headers-h4-bold-font-family, sans-serif);--paragraphs-p0-regular: var(--typography-web-mobile-paragraphs-p0-regular-font-weight, 400) var(--typography-web-mobile-paragraphs-p0-regular-font-size, 20px) / var(--typography-web-mobile-paragraphs-p0-regular-line-height, 1.4375) var(--typography-web-mobile-paragraphs-p0-regular-font-family, sans-serif);--paragraphs-p1-regular: var(--typography-web-mobile-paragraphs-p1-regular-font-weight, 400) var(--typography-web-mobile-paragraphs-p1-regular-font-size, 16px) / var(--typography-web-mobile-paragraphs-p1-regular-line-height, 1.3125) var(--typography-web-mobile-paragraphs-p1-regular-font-family, sans-serif);--paragraphs-p1-bold: var(--typography-web-mobile-paragraphs-p1-regular-font-weight, 700) var(--typography-web-mobile-paragraphs-p1-regular-font-size, 16px) / var(--typography-web-mobile-paragraphs-p1-regular-line-height, 1.3125) var(--typography-web-mobile-paragraphs-p1-regular-font-family, sans-serif)}@media screen and (min-width: 64rem){:root,:host,::backdrop{--headers-h4-bold: var(--typography-web-desktop-headers-h4-bold-font-weight, 700) var(--typography-web-desktop-headers-h4-bold-font-size, 20px) / var(--typography-web-desktop-headers-h4-bold-line-height, 1.375) var(--typography-web-desktop-headers-h4-bold-font-family, sans-serif);--paragraphs-p0-regular: var(--typography-web-desktop-paragraphs-p0-regular-font-weight, 400) var(--typography-web-desktop-paragraphs-p0-regular-font-size, 20px) / var(--typography-web-desktop-paragraphs-p0-regular-line-height, 1.4375) var(--typography-web-desktop-paragraphs-p0-regular-font-family, sans-serif);--paragraphs-p1-regular: var(--typography-web-desktop-paragraphs-p1-regular-font-weight, 400) var(--typography-web-desktop-paragraphs-p1-regular-font-size, 16px) / var(--typography-web-desktop-paragraphs-p1-regular-line-height, 1.3125) var(--typography-web-desktop-paragraphs-p1-regular-font-family, sans-serif);--paragraphs-p1-bold: var(--typography-web-desktop-paragraphs-p1-regular-font-weight, 700) var(--typography-web-desktop-paragraphs-p1-regular-font-size, 16px) / var(--typography-web-desktop-paragraphs-p1-regular-line-height, 1.3125) var(--typography-web-desktop-paragraphs-p1-regular-font-family, sans-serif)}}