@testgorilla/tgo-ui 1.7.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "lint-staged": {
     "src/**/*.ts": [
       "eslint --fix",

package/public-api.d.ts

@@ -7,14 +7,9 @@ export * from './components/button/button.component.module';
 export * from './components/button/button.model';
 export * from './components/card/card.component';
 export * from './components/card/card.component.module';
+export * from './components/card/card.model';
 export * from './components/checkbox/checkbox.component';
 export * from './components/checkbox/checkbox.component.module';
-export * from './components/create-account/create-account.component';
-export * from './components/create-account/create-account.component.module';
-export * from './components/create-account/create-account.model';
-export * from './components/create-password/create-password.component';
-export * from './components/create-password/create-password.component.module';
-export * from './components/create-password/create-password.model';
 export * from './components/dialog/dialog.component';
 export * from './components/dialog/dialog.component.module';
 export * from './components/dialog/dialog.service';
@@ -26,20 +21,11 @@ export * from './components/field/field.component.module';
 export * from './components/field/field.model';
 export * from './components/file-upload/file-upload.component';
 export * from './components/file-upload/file-upload.component.module';
-export * from './components/forgot-password/forgot-password.component';
-export * from './components/forgot-password/forgot-password.component.module';
-export * from './components/forgot-password/forgot-password.model';
 export * from './components/icon/icon.component';
 export * from './components/icon/icon.component.module';
 export * from './components/icon/icon.model';
 export * from './components/icon-label/icon-label.component';
 export * from './components/icon-label/icon-label.component.module';
-export * from './components/label/label.component';
-export * from './components/label/label.component.module';
-export * from './components/label/label.model';
-export * from './components/login/login.component';
-export * from './components/login/login.component.module';
-export * from './components/login/login.model';
 export * from './components/logo/logo.component';
 export * from './components/logo/logo.component.module';
 export * from './components/logo/logo.model';
@@ -48,6 +34,7 @@ export * from './components/navbar/navbar.component.module';
 export * from './components/navbar/navbar.model';
 export * from './components/navigation/navigation.component';
 export * from './components/navigation/navigation.component.module';
+export * from './components/navigation/navigation.model';
 export * from './components/deprecated-paginator/deprecated-paginator.component';
 export * from './components/deprecated-paginator/deprecated-paginator.component.module';
 export * from './components/progress-bar/progress-bar.component';
@@ -73,6 +60,7 @@ export * from './components/dropdown/dropdown.component.module';
 export * from './components/dropdown/dropdown.model';
 export * from './components/spinner/spinner.component';
 export * from './components/spinner/spinner.module';
+export * from './components/spinner/spinner.model';
 export * from './components/confirm-dialog/confirm-dialog.component';
 export * from './components/confirm-dialog/confirm-dialog.component.module';
 export * from './components/datepicker/datepicker.component';
@@ -108,6 +96,9 @@ export * from './components/side-sheet/side-sheet.component';
 export * from './components/side-sheet/side-sheet.component.module';
 export * from './components/side-sheet/side-sheet.service';
 export * from './components/side-sheet/side-sheet.model';
+export * from './components/slider/slider.component';
+export * from './components/slider/slider.component.module';
+export * from './components/slider/slider.model';
 export * from './components/segmented-bar/segmented-bar.component';
 export * from './components/segmented-bar/segmented-bar.component.module';
 export * from './components/segmented-bar/segmented-bar.model';

package/src/assets/i18n/en.json

@@ -12,6 +12,14 @@
   "STEPPER": {
     "FINAL_STEP": "Final step"
   },
+  "SLIDER": {
+    "MAX_LESS_THAN_MIN": "Max value ({{max}}) cannot be less then current min value ({{min}})",
+    "MIN_MORE_THAN_MAX": "Min value ({{min}}) cannot be more then current max value ({{max}})"
+  },
+  "DATEPICKER": {
+    "START_DATE": "Start date",
+    "END_DATE": "End date"
+  },
   "PLURALS": {
     "EMAILS": "{numEmails, select, 1 {email} other {emails}}",
     "USERS": "{numUsers, select, 1 {User} other {Users}}",
@@ -73,7 +81,10 @@
     "ALL": "All",
     "OR_DIVIDER": "or",
     "ADD": "Add",
-    "NO_RESULTS": "No results"
+    "NO_RESULTS": "No results",
+    "MAX": "Max",
+    "MIN": "Min",
+    "CLEAR": "Clear"
   },
   "DATE_TIME": {
     "SECONDS": "{{seconds}} {{PLURALS.DATE_TIME.SECONDS}}",
@@ -81,5 +92,57 @@
     "SHORT_MINUTES": "{{minutes}} {{PLURALS.DATE_TIME.SHORT_MINUTES}}",
     "HOURS": "{{hours}} {{PLURALS.DATE_TIME.HOURS}}",
     "DAYS": "{{days}} {{PLURALS.DATE_TIME.DAYS}}"
+  },
+  "CREATE_ACCOUNT": {
+    "TITLE": "Create your Career Passport",
+    "SUBTITLE": "Enter the email address to which you received an assessment invite.",
+    "EMAIL_LABEL": "Email",
+    "PASSWORD_LABEL": "Password",
+    "TERMS_CONDITIONS": "I have read and accepted the ",
+    "TERMS_CONDITIONS_LINK_LABEL": "candidate terms",
+    "PRIVACY_POLICY_LINK_LABEL": "privacy policy",
+    "TERMS_CONDITIONS_DELIMITER": "and",
+    "BUTTON_LABEL": "Next",
+    "HAVE_CAREER_PASSPORT": "Already have a Career Passport?",
+    "LOGIN": "Log in here"
+  },
+  "CREATE_PASSWORD": {
+    "TITLE": "Please create a new password",
+    "PASSWORD_LABEL": "Set password",
+    "BUTTON": "Set new password"
+  },
+  "DIALOG": {
+    "CLOSE_LABEL": "Close dialog"
+  },
+  "FIELD": {
+    "VIEW_PASSWORD": "View password"
+  },
+  "FILE_UPLOAD": {
+    "DRAG_AND_DROP_OR": "Drag and drop or",
+    "BROWSE": "Browse",
+    "YOUR_FILES": "Your files",
+    "MAX_SIZE": "MB max file size.",
+    "UPLOADING": "Uploading",
+    "SUPPORTED_FILE_TYPES": "Supported file types:",
+    "CHANGE": "Change"
+  },
+  "FORGOT_PASSWORD": {
+    "TITLE": "Reset your password",
+    "EMAIL_LABEL": "Email",
+    "BUTTON_LABEL": "Send reset link",
+    "BACK_TO_LOGIN": "Back to log in"
+  },
+  "LOGIN": {
+    "TITLE": "Log in to your Career Passport",
+    "EMAIL_LABEL": "Email address",
+    "PASSWORD_LABEL": "Password",
+    "REMEMBER_ME": "Keep me logged in",
+    "FORGOT_PASSWORD": "Forgot password?",
+    "BUTTON_LABEL": "Log in",
+    "NOT_HAVE_ACCOUNT": "Don't have an account?",
+    "CREATE_ACCOUNT": "Create one here"
+  },
+  "NAVBAR": {
+    "LOG_OUT": "Log out"
   }
 }

package/src/assets/icons/Fire.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12401_80652)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.45565 1.82814C6.60001 1.82938 6.73679 1.89296 6.8308 2.00251L8.95002 4.47211L10.1841 3.02383C10.2789 2.91257 10.4177 2.84836 10.5639 2.84813C10.7101 2.84789 10.849 2.91163 10.9442 3.02259L12.2309 4.52259C12.2375 4.53033 12.2439 4.53822 12.25 4.54624C13.1382 5.59906 13.6247 6.92902 13.6247 8.31479V8.48146C13.6247 11.598 11.0937 14.1281 7.97135 14.1281C7.96516 14.1281 7.9504 14.1281 7.93084 14.1267C4.82197 14.1055 2.30469 11.5887 2.30469 8.47346C2.30469 7.07448 2.79975 5.73253 3.70292 4.66912L3.71014 4.66063L6.07756 1.99604C6.17344 1.88812 6.31129 1.8269 6.45565 1.82814ZM11.4481 5.14601L10.5659 4.11756L9.33193 5.56575C9.23713 5.677 9.09839 5.7412 8.95222 5.74146C8.80606 5.74171 8.6671 5.67799 8.57191 5.56707L6.44482 3.0883L4.4616 5.32061C3.71367 6.2032 3.30469 7.31358 3.30469 8.47279C3.30469 11.0422 5.38668 13.1208 7.95919 13.1268C7.97074 13.1268 7.98228 13.1272 7.99379 13.1281C10.5544 13.116 12.6247 11.0374 12.6247 8.48146V8.31479C12.6247 7.15365 12.2137 6.0423 11.4647 5.16642C11.459 5.15973 11.4534 5.15292 11.4481 5.14601Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_12401_80652">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/Gift.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.93934 4.6034C2.22064 4.3221 2.60218 4.16406 3 4.16406H13C13.3978 4.16406 13.7794 4.3221 14.0607 4.6034C14.342 4.88471 14.5 5.26624 14.5 5.66406V6.33073C14.5 6.72855 14.342 7.11009 14.0607 7.39139C13.7794 7.67269 13.3978 7.83073 13 7.83073H9.33333C9.05719 7.83073 8.83333 7.60687 8.83333 7.33073C8.83333 7.05459 9.05719 6.83073 9.33333 6.83073H13C13.1326 6.83073 13.2598 6.77805 13.3536 6.68428C13.4473 6.59051 13.5 6.46334 13.5 6.33073V5.66406C13.5 5.53145 13.4473 5.40428 13.3536 5.31051C13.2598 5.21674 13.1326 5.16406 13 5.16406H3C2.86739 5.16406 2.74021 5.21674 2.64645 5.31051C2.55268 5.40428 2.5 5.53145 2.5 5.66406V6.33073C2.5 6.46334 2.55268 6.59051 2.64645 6.68428C2.74021 6.77805 2.86739 6.83073 3 6.83073H6.66667C6.94281 6.83073 7.16667 7.05459 7.16667 7.33073C7.16667 7.60687 6.94281 7.83073 6.66667 7.83073H3C2.60218 7.83073 2.22064 7.67269 1.93934 7.39139C1.65804 7.11009 1.5 6.72855 1.5 6.33073V5.66406C1.5 5.26624 1.65804 4.88471 1.93934 4.6034Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.66602 6.83594C2.94216 6.83594 3.16602 7.0598 3.16602 7.33594V12.6693C3.16602 12.8903 3.25381 13.1022 3.41009 13.2585C3.56637 13.4148 3.77834 13.5026 3.99935 13.5026H11.9993C12.2204 13.5026 12.4323 13.4148 12.5886 13.2585C12.7449 13.1022 12.8327 12.8903 12.8327 12.6693V7.33594C12.8327 7.0598 13.0565 6.83594 13.3327 6.83594C13.6088 6.83594 13.8327 7.0598 13.8327 7.33594V12.6693C13.8327 13.1555 13.6395 13.6218 13.2957 13.9656C12.9519 14.3094 12.4856 14.5026 11.9993 14.5026H3.99935C3.51312 14.5026 3.0468 14.3094 2.70299 13.9656C2.35917 13.6218 2.16602 13.1555 2.16602 12.6693V7.33594C2.16602 7.0598 2.38987 6.83594 2.66602 6.83594Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.66634 2.5C6.44533 2.5 6.23337 2.5878 6.07709 2.74408C5.92081 2.90036 5.83301 3.11232 5.83301 3.33333C5.83301 3.55435 5.92081 3.76631 6.07709 3.92259C6.23337 4.07887 6.44533 4.16667 6.66634 4.16667H7.49967V3.33333C7.49967 3.11232 7.41188 2.90036 7.2556 2.74408C7.09932 2.5878 6.88735 2.5 6.66634 2.5ZM5.36998 2.03697C5.7138 1.69315 6.18011 1.5 6.66634 1.5C7.15257 1.5 7.61889 1.69315 7.9627 2.03697C8.30652 2.38079 8.49967 2.8471 8.49967 3.33333V4.66667C8.49967 4.94281 8.27582 5.16667 7.99967 5.16667H6.66634C6.18011 5.16667 5.7138 4.97351 5.36998 4.6297C5.02616 4.28588 4.83301 3.81956 4.83301 3.33333C4.83301 2.8471 5.02616 2.38079 5.36998 2.03697Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.33333 2.5C9.11232 2.5 8.90036 2.5878 8.74408 2.74408C8.5878 2.90036 8.5 3.11232 8.5 3.33333V4.16667H9.33333C9.55435 4.16667 9.76631 4.07887 9.92259 3.92259C10.0789 3.76631 10.1667 3.55435 10.1667 3.33333C10.1667 3.11232 10.0789 2.90036 9.92259 2.74408C9.76631 2.5878 9.55435 2.5 9.33333 2.5ZM8.03697 2.03697C8.38079 1.69315 8.8471 1.5 9.33333 1.5C9.81956 1.5 10.2859 1.69315 10.6297 2.03697C10.9735 2.38079 11.1667 2.8471 11.1667 3.33333C11.1667 3.81956 10.9735 4.28588 10.6297 4.6297C10.2859 4.97351 9.81956 5.16667 9.33333 5.16667H8C7.72386 5.16667 7.5 4.94281 7.5 4.66667V3.33333C7.5 2.8471 7.69315 2.38079 8.03697 2.03697Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.33268 5.16406C7.24063 5.16406 7.16602 5.23868 7.16602 5.33073V13.3307C7.16602 13.4228 7.24063 13.4974 7.33268 13.4974H8.66602C8.75806 13.4974 8.83268 13.4228 8.83268 13.3307V5.33073C8.83268 5.23868 8.75806 5.16406 8.66602 5.16406H7.33268ZM6.16602 5.33073C6.16602 4.6864 6.68835 4.16406 7.33268 4.16406H8.66602C9.31035 4.16406 9.83268 4.6864 9.83268 5.33073V13.3307C9.83268 13.9751 9.31035 14.4974 8.66602 14.4974H7.33268C6.68835 14.4974 6.16602 13.9751 6.16602 13.3307V5.33073Z" fill="currentColor"/>
+</svg>

package/src/assets/icons/Grab.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.00326 5.33659C6.73963 5.33659 7.33659 4.73963 7.33659 4.00326C7.33659 3.26688 6.73963 2.66992 6.00326 2.66992C5.26688 2.66992 4.66992 3.26688 4.66992 4.00326C4.66992 4.73963 5.26688 5.33659 6.00326 5.33659ZM10.0033 5.33659C10.7396 5.33659 11.3366 4.73963 11.3366 4.00326C11.3366 3.26688 10.7396 2.66992 10.0033 2.66992C9.26688 2.66992 8.66992 3.26688 8.66992 4.00326C8.66992 4.73963 9.26688 5.33659 10.0033 5.33659ZM7.33659 8.00326C7.33659 8.73963 6.73963 9.33659 6.00326 9.33659C5.26688 9.33659 4.66992 8.73963 4.66992 8.00326C4.66992 7.26688 5.26688 6.66992 6.00326 6.66992C6.73963 6.66992 7.33659 7.26688 7.33659 8.00326ZM10.0033 9.33659C10.7396 9.33659 11.3366 8.73963 11.3366 8.00326C11.3366 7.26688 10.7396 6.66992 10.0033 6.66992C9.26688 6.66992 8.66992 7.26688 8.66992 8.00326C8.66992 8.73963 9.26688 9.33659 10.0033 9.33659ZM7.33659 12.0033C7.33659 12.7396 6.73963 13.3366 6.00326 13.3366C5.26688 13.3366 4.66992 12.7396 4.66992 12.0033C4.66992 11.2669 5.26688 10.6699 6.00326 10.6699C6.73963 10.6699 7.33659 11.2669 7.33659 12.0033ZM10.0033 13.3366C10.7396 13.3366 11.3366 12.7396 11.3366 12.0033C11.3366 11.2669 10.7396 10.6699 10.0033 10.6699C9.26688 10.6699 8.66992 11.2669 8.66992 12.0033C8.66992 12.7396 9.26688 13.3366 10.0033 13.3366Z" fill="currentColor"/>
+</svg>

package/src/assets/icons/Share.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99992 1.5C7.99994 1.5 7.99997 1.5 8 1.5C8.14213 1.5 8.27041 1.5593 8.36144 1.65452L10.3534 3.64645C10.5486 3.84171 10.5486 4.15829 10.3534 4.35355C10.1581 4.54882 9.84153 4.54882 9.64627 4.35355L8.5 3.20729V9.33333C8.5 9.60948 8.27614 9.83333 8 9.83333C7.72386 9.83333 7.5 9.60948 7.5 9.33333V3.20721L6.3541 4.35349C6.15887 4.54879 5.84229 4.54884 5.64699 4.35361C5.4517 4.15838 5.45165 3.8418 5.64688 3.64651L7.64621 1.64651C7.67881 1.61389 7.71546 1.58624 7.75497 1.56405C7.82192 1.52634 7.89843 1.50361 7.97996 1.50039C7.98658 1.50013 7.99323 1.5 7.99992 1.5ZM2.1665 7.99984C2.1665 6.98703 2.98703 6.1665 3.99984 6.1665H5.33317C5.60931 6.1665 5.83317 6.39036 5.83317 6.6665C5.83317 6.94265 5.60931 7.1665 5.33317 7.1665H3.99984C3.53931 7.1665 3.1665 7.53931 3.1665 7.99984V12.6665C3.1665 13.127 3.53931 13.4998 3.99984 13.4998H11.9998C12.4604 13.4998 12.8332 13.127 12.8332 12.6665V7.99984C12.8332 7.53931 12.4604 7.1665 11.9998 7.1665H10.6665C10.3904 7.1665 10.1665 6.94265 10.1665 6.6665C10.1665 6.39036 10.3904 6.1665 10.6665 6.1665H11.9998C13.0126 6.1665 13.8332 6.98703 13.8332 7.99984V12.6665C13.8332 13.6793 13.0126 14.4998 11.9998 14.4998H3.99984C2.98703 14.4998 2.1665 13.6793 2.1665 12.6665V7.99984Z" fill="currentColor"/>
+</svg>

package/src/assets/icons/Sparkles.svg

@@ -0,0 +1,18 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12401_80651)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.99967 1.5C4.27582 1.5 4.49967 1.72386 4.49967 2C4.49967 3.19662 5.46972 4.16667 6.66634 4.16667C6.94248 4.16667 7.16634 4.39052 7.16634 4.66667C7.16634 4.94281 6.94248 5.16667 6.66634 5.16667C5.46972 5.16667 4.49967 6.13672 4.49967 7.33333C4.49967 7.60948 4.27582 7.83333 3.99967 7.83333C3.72353 7.83333 3.49967 7.60948 3.49967 7.33333C3.49967 6.13672 2.52963 5.16667 1.33301 5.16667C1.05687 5.16667 0.833008 4.94281 0.833008 4.66667C0.833008 4.39052 1.05687 4.16667 1.33301 4.16667C2.52963 4.16667 3.49967 3.19662 3.49967 2C3.49967 1.72386 3.72353 1.5 3.99967 1.5ZM3.99967 3.70855C3.75305 4.09268 3.42569 4.42004 3.04155 4.66667C3.42569 4.91329 3.75305 5.24065 3.99967 5.62479C4.2463 5.24065 4.57366 4.91329 4.95779 4.66667C4.57366 4.42004 4.2463 4.09268 3.99967 3.70855Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3333 2.83594C11.6095 2.83594 11.8333 3.0598 11.8333 3.33594C11.8333 4.90074 13.1019 6.16927 14.6667 6.16927C14.9428 6.16927 15.1667 6.39313 15.1667 6.66927C15.1667 6.94541 14.9428 7.16927 14.6667 7.16927C13.1019 7.16927 11.8333 8.4378 11.8333 10.0026C11.8333 10.2787 11.6095 10.5026 11.3333 10.5026C11.0572 10.5026 10.8333 10.2787 10.8333 10.0026C10.8333 8.4378 9.5648 7.16927 8 7.16927C7.72386 7.16927 7.5 6.94541 7.5 6.66927C7.5 6.39313 7.72386 6.16927 8 6.16927C9.5648 6.16927 10.8333 4.90074 10.8333 3.33594C10.8333 3.0598 11.0572 2.83594 11.3333 2.83594ZM11.3333 5.23025C10.992 5.8296 10.4937 6.32793 9.89431 6.66927C10.4937 7.01061 10.992 7.50894 11.3333 8.1083C11.6747 7.50894 12.173 7.01061 12.7724 6.66927C12.173 6.32793 11.6747 5.8296 11.3333 5.23025Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.333 9.5C11.6092 9.5 11.833 9.72386 11.833 10V10.6667C11.833 10.9428 11.6092 11.1667 11.333 11.1667C11.0569 11.1667 10.833 10.9428 10.833 10.6667V10C10.833 9.72386 11.0569 9.5 11.333 9.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.334 2.16406C11.6101 2.16406 11.834 2.38792 11.834 2.66406V3.33073C11.834 3.60687 11.6101 3.83073 11.334 3.83073C11.0578 3.83073 10.834 3.60687 10.834 3.33073V2.66406C10.834 2.38792 11.0578 2.16406 11.334 2.16406Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.66699 13.5C6.94313 13.5 7.16699 13.7239 7.16699 14V14.6667C7.16699 14.9428 6.94313 15.1667 6.66699 15.1667C6.39085 15.1667 6.16699 14.9428 6.16699 14.6667V14C6.16699 13.7239 6.39085 13.5 6.66699 13.5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.66602 8.16406C6.94216 8.16406 7.16602 8.38792 7.16602 8.66406V9.33073C7.16602 9.60687 6.94216 9.83073 6.66602 9.83073C6.38987 9.83073 6.16602 9.60687 6.16602 9.33073V8.66406C6.16602 8.38792 6.38987 8.16406 6.66602 8.16406Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6.83594C4.27614 6.83594 4.5 7.0598 4.5 7.33594V8.0026C4.5 8.27875 4.27614 8.5026 4 8.5026C3.72386 8.5026 3.5 8.27875 3.5 8.0026V7.33594C3.5 7.0598 3.72386 6.83594 4 6.83594Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 0.835938C4.27614 0.835938 4.5 1.0598 4.5 1.33594V2.0026C4.5 2.27875 4.27614 2.5026 4 2.5026C3.72386 2.5026 3.5 2.27875 3.5 2.0026V1.33594C3.5 1.0598 3.72386 0.835938 4 0.835938Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.66667 8.5C6.94281 8.5 7.16667 8.72386 7.16667 9C7.16667 10.1966 8.13672 11.1667 9.33333 11.1667C9.60948 11.1667 9.83333 11.3905 9.83333 11.6667C9.83333 11.9428 9.60948 12.1667 9.33333 12.1667C8.13672 12.1667 7.16667 13.1367 7.16667 14.3333C7.16667 14.6095 6.94281 14.8333 6.66667 14.8333C6.39052 14.8333 6.16667 14.6095 6.16667 14.3333C6.16667 13.1367 5.19662 12.1667 4 12.1667C3.72386 12.1667 3.5 11.9428 3.5 11.6667C3.5 11.3905 3.72386 11.1667 4 11.1667C5.19662 11.1667 6.16667 10.1966 6.16667 9C6.16667 8.72386 6.39052 8.5 6.66667 8.5ZM6.66667 10.7085C6.42004 11.0927 6.09268 11.42 5.70855 11.6667C6.09268 11.9133 6.42004 12.2407 6.66667 12.6248C6.91329 12.2407 7.24065 11.9133 7.62479 11.6667C7.24065 11.42 6.91329 11.0927 6.66667 10.7085Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_12401_80651">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/Video-stop.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 12V4C3 3.44772 3.44772 3 4 3H12C12.5523 3 13 3.44772 13 4V12C13 12.5523 12.5523 13 12 13H4C3.44772 13 3 12.5523 3 12Z" fill="currentColor"/>
+</svg>

package/src/theme/_variables.scss

@@ -50,4 +50,52 @@ $breakpoints: (
   'small': 320px,
   'medium': 600px,
   'large': 1024px,
-) !default;
+) !default;
+
+$colors: (
+  'teal-60b': $tgo-teal-60b,
+  'teal-30b': $tgo-teal-30b,
+  'teal-default': $tgo-teal-default,
+  'teal-30w': $tgo-teal-30w,
+  'teal-60w': $tgo-teal-60w,
+  'teal-secondary': $tgo-teal-secondary,
+  'teal-90w': $tgo-teal-90w,
+
+  'petrol-60b': $tgo-petrol-60b,
+  'petrol-30b': $tgo-petrol-30b,
+  'petrol-default': $tgo-petrol-default,
+  'petrol-30w': $tgo-petrol-30w,
+  'petrol-60w': $tgo-petrol-60w,
+  'petrol-secondary': $tgo-petrol-secondary,
+  'petrol-90w': $tgo-petrol-90w,
+
+  'error-60b': $tgo-error-60b,
+  'error-30b': $tgo-error-30b,
+  'error-60w': $tgo-error-60w,
+  'error-secondary': $tgo-error-secondary,
+  'error-default': $tgo-error-default,
+
+  'warning-secondary': $tgo-warning-secondary,
+  'warning-default': $tgo-warning-default,
+
+  'black': $tgo-black,
+  'dark': $tgo-dark,
+  'medium': $tgo-medium,
+  'grey': $tgo-grey,
+  'light': $tgo-light,
+  'white': $tgo-white,
+
+  'box-shadow': $box-shadow,
+);
+
+@each $colorName, $colorValue in $colors {
+  .bg-#{$colorName} {
+    background: $colorValue;
+  }
+}
+
+@each $colorName, $colorValue in $colors {
+  .bgc-#{$colorName} {
+    background-color: $colorValue;
+  }
+}

package/components/confirm-dialog/confirm-dialog.constants.d.ts

@@ -1,5 +0,0 @@
-export declare const CONFIRM_DIALOG_i18n: {
-    confirmButtonText: string;
-    cancelButtonText: string;
-    title: string;
-};

package/components/create-account/create-account.component.d.ts

@@ -1,75 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { UntypedFormBuilder } from '@angular/forms';
-import { CreateAccountCredentials, Ii18nCreateAccount } from './create-account.model';
-import * as i0 from "@angular/core";
-export declare class CreateAccountComponent implements OnInit {
-    private fb;
-    /**
-     * @ignore
-     */
-    email: string;
-    /**
-     * @ignore
-     */
-    emailEditable: boolean;
-    /**
-     * Path for candidate terms link
-     * @memberof CreateAccountComponent
-     */
-    termsOfusePath: string;
-    /**
-     * Path for privacy policy link
-     * @memberof CreateAccountComponent
-     */
-    privacyPolicyPath: string;
-    /**
-     * @ignore
-     */
-    registerForm: import("@angular/forms").UntypedFormGroup;
-    /**
-     * @ignore
-     */
-    formErrors: {
-        username: string[];
-        password: string[];
-    };
-    /**
-     * Indicator if the form is loading
-     *
-     * @memberof ButtonComponent
-     */
-    loading: boolean;
-    /**
-     *
-     * @description Object with the translations for the component.
-     * @type {Ii18nCreateAccount}
-     * @memberof CreateAccountComponent
-     */
-    i18n: Ii18nCreateAccount;
-    /**
-     * @ignore
-     */
-    submitEvent: EventEmitter<CreateAccountCredentials>;
-    /**
-     * @ignore
-     */
-    loginEvent: EventEmitter<void>;
-    /**
-     * @ignore
-     */
-    ngOnInit(): void;
-    constructor(fb: UntypedFormBuilder);
-    submit(): void;
-    login(): void;
-    /**
-     * @ignore
-     */
-    errorMessages: Record<string, string>;
-    /**
-     * @ignore
-     */
-    passwordErrorMessages: Record<string, string>;
-    checkErrors(field: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CreateAccountComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreateAccountComponent, "ui-create-account", never, { "email": { "alias": "email"; "required": false; }; "emailEditable": { "alias": "emailEditable"; "required": false; }; "termsOfusePath": { "alias": "termsOfusePath"; "required": false; }; "privacyPolicyPath": { "alias": "privacyPolicyPath"; "required": false; }; "formErrors": { "alias": "formErrors"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; }, { "submitEvent": "submitEvent"; "loginEvent": "loginEvent"; }, never, never, false, never>;
-}

package/components/create-account/create-account.component.module.d.ts

@@ -1,14 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./create-account.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../field/field.component.module";
-import * as i5 from "../button/button.component.module";
-import * as i6 from "../checkbox/checkbox.component.module";
-import * as i7 from "@angular-material-extensions/password-strength";
-import * as i8 from "../logo/logo.component.module";
-export declare class CreateAccountComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CreateAccountComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CreateAccountComponentModule, [typeof i1.CreateAccountComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.CheckboxComponentModule, typeof i7.MatPasswordStrengthModule, typeof i8.LogoComponentModule], [typeof i1.CreateAccountComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CreateAccountComponentModule>;
-}

package/components/create-account/create-account.constant.d.ts

@@ -1,13 +0,0 @@
-export declare const CREATE_ACCOUNT_i18n: {
-    title: string;
-    subtitle: string;
-    email_label: string;
-    password_label: string;
-    terms_conditions: string;
-    terms_conditions_link_label: string;
-    privacy_policy_link_label: string;
-    terms_conditions_delimiter: string;
-    button_label: string;
-    have_career_passport: string;
-    login: string;
-};

package/components/create-account/create-account.model.d.ts

@@ -1,17 +0,0 @@
-export interface CreateAccountCredentials {
-    username: string;
-    password: string;
-}
-export interface Ii18nCreateAccount {
-    title: string;
-    subtitle: string;
-    email_label: string;
-    password_label: string;
-    terms_conditions: string;
-    terms_conditions_link_label: string;
-    privacy_policy_link_label: string;
-    terms_conditions_delimiter: string;
-    button_label: string;
-    have_career_passport: string;
-    login: string;
-}

package/components/create-password/create-password.component.d.ts

@@ -1,43 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { UntypedFormBuilder } from '@angular/forms';
-import { CreatePasswordCredentials, Ii18nCreatePassword } from './create-password.model';
-import * as i0 from "@angular/core";
-export declare class CreatePasswordComponent implements OnInit {
-    private fb;
-    /**
-     * @ignore
-     */
-    createPasswordForm: import("@angular/forms").UntypedFormGroup;
-    /**
-     * @ignore
-     */
-    formErrors: {
-        password: string[];
-    };
-    /**
-     * Indicator if the form is loading
-     *
-     * @memberof ButtonComponent
-     */
-    loading: boolean;
-    /**
-     *
-     * @description Object with the translations for the component.
-     * @type {Ii18nCreatePassword}
-     * @memberof CreatePasswordComponent
-     */
-    i18n: Ii18nCreatePassword;
-    /**
-     * @ignore
-     */
-    submitEvent: EventEmitter<CreatePasswordCredentials>;
-    /**
-     * @ignore
-     */
-    ngOnInit(): void;
-    constructor(fb: UntypedFormBuilder);
-    submit(): void;
-    checkErrors(field: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CreatePasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreatePasswordComponent, "ui-create-password", never, { "formErrors": { "alias": "formErrors"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; }, { "submitEvent": "submitEvent"; }, never, never, false, never>;
-}

package/components/create-password/create-password.component.module.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./create-password.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../field/field.component.module";
-import * as i5 from "../button/button.component.module";
-import * as i6 from "@angular-material-extensions/password-strength";
-import * as i7 from "../logo/logo.component.module";
-export declare class CreatePasswordComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CreatePasswordComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CreatePasswordComponentModule, [typeof i1.CreatePasswordComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatPasswordStrengthModule, typeof i7.LogoComponentModule], [typeof i1.CreatePasswordComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CreatePasswordComponentModule>;
-}

package/components/create-password/create-password.constant.d.ts

@@ -1,5 +0,0 @@
-export declare const CREATE_PASSWORD_i18n: {
-    title: string;
-    password_label: string;
-    button: string;
-};

package/components/create-password/create-password.model.d.ts

@@ -1,8 +0,0 @@
-export interface CreatePasswordCredentials {
-    password: string;
-}
-export interface Ii18nCreatePassword {
-    title: string;
-    password_label: string;
-    button: string;
-}

package/components/forgot-password/forgot-password.component.d.ts

@@ -1,48 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { UntypedFormBuilder } from '@angular/forms';
-import { ForgotPasswordCredentials, Ii18nForgotPassword } from './forgot-password.model';
-import * as i0 from "@angular/core";
-export declare class ForgotPasswordComponent implements OnInit {
-    private fb;
-    /**
-     * @ignore
-     */
-    forgotPasswordForm: import("@angular/forms").UntypedFormGroup;
-    /**
-     * @ignore
-     */
-    formErrors: {
-        email: string[];
-    };
-    /**
-     * Indicator if the form is loading
-     *
-     * @memberof ButtonComponent
-     */
-    loading: boolean;
-    /**
-     *
-     * @description Object with the translations for the component.
-     * @type {Ii18nForgotPassword}
-     * @memberof ForgotPasswordComponent
-     */
-    i18n: Ii18nForgotPassword;
-    /**
-     * @ignore
-     */
-    submitEvent: EventEmitter<ForgotPasswordCredentials>;
-    /**
-     * @ignore
-     */
-    backToLoginEvent: EventEmitter<void>;
-    /**
-     * @ignore
-     */
-    ngOnInit(): void;
-    constructor(fb: UntypedFormBuilder);
-    submit(): void;
-    backToLogin(): void;
-    checkErrors(field: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ForgotPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ForgotPasswordComponent, "ui-forgot-password", never, { "formErrors": { "alias": "formErrors"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; }, { "submitEvent": "submitEvent"; "backToLoginEvent": "backToLoginEvent"; }, never, never, false, never>;
-}

package/components/forgot-password/forgot-password.component.module.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./forgot-password.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../field/field.component.module";
-import * as i5 from "../button/button.component.module";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "../logo/logo.component.module";
-export declare class ForgotPasswordComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ForgotPasswordComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ForgotPasswordComponentModule, [typeof i1.ForgotPasswordComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatIconModule, typeof i7.LogoComponentModule], [typeof i1.ForgotPasswordComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ForgotPasswordComponentModule>;
-}

package/components/forgot-password/forgot-password.constant.d.ts

@@ -1,6 +0,0 @@
-export declare const FORGOT_PASSWORD_i18n: {
-    title: string;
-    email_label: string;
-    button_label: string;
-    back_to_login: string;
-};

package/components/forgot-password/forgot-password.model.d.ts

@@ -1,9 +0,0 @@
-export interface ForgotPasswordCredentials {
-    email: string;
-}
-export interface Ii18nForgotPassword {
-    title: string;
-    email_label: string;
-    button_label: string;
-    back_to_login: string;
-}

package/components/label/label.component.d.ts

@@ -1,46 +0,0 @@
-import { LabelSizeEnum } from './label.model';
-import * as i0 from "@angular/core";
-export declare class LabelComponent {
-    /**
-     * @ignore
-     */
-    LabelSizeEnum: typeof LabelSizeEnum;
-    /**
-     * Label background color
-     *
-     * @type {string}
-     * @memberof LabelComponent
-     */
-    backgroundColor: string;
-    /**
-     * Status text color
-     *
-     * @type {string}
-     * @memberof LabelComponent
-     */
-    textColor: string;
-    /**
-     * Status title
-     *
-     * @type {string}
-     * @memberof LabelComponent
-     */
-    title: string;
-    /**
-     * Status description
-     *
-     * @type {string}
-     * @memberof LabelComponent
-     */
-    description: string;
-    /**
-     * Label size
-     *
-     * @type {LabelSizeEnum}
-     * @memberof LabelComponent
-     */
-    size: LabelSizeEnum;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "ui-label", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
-}

package/components/label/label.component.module.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./label.component";
-import * as i2 from "@angular/common";
-export declare class LabelComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LabelComponentModule, [typeof i1.LabelComponent], [typeof i2.CommonModule], [typeof i1.LabelComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LabelComponentModule>;
-}

package/components/label/label.model.d.ts

@@ -1,16 +0,0 @@
-export interface ILabelOptions {
-    [key: string]: ILabelOptionItem;
-}
-export interface ILabelOptionItem {
-    title: string;
-    textColor: string;
-    backgroundColor: string;
-    size: LabelSizeEnum;
-}
-export declare enum LabelSizeEnum {
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    BIG = "big",
-    HUGE = "huge"
-}