@ilo-org/styles 0.1.18 → 0.2.0

package/build/css/monorepo.css

@@ -151,7 +151,7 @@ select {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -250,7 +250,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -363,7 +363,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -388,7 +388,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -642,7 +642,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -652,7 +652,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -677,7 +677,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -967,7 +967,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -1097,7 +1097,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -1729,7 +1729,10 @@ body {
   right: auto;
   transform: rotateY(180deg);
 }
-.ilo--card--graphic .ilo--profile--contents * {
+.ilo--card--graphic .ilo--profile--contents--light * {
+  color: rgb(45, 45, 45);
+}
+.ilo--card--graphic .ilo--profile--contents--dark * {
   color: rgb(255, 255, 255);
 }
 .ilo--card--graphic:hover, .ilo--card--graphic:focus, .ilo--card--graphic:focus-within {
@@ -2503,7 +2506,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -2548,7 +2551,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -2653,7 +2656,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -2734,7 +2737,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -2744,7 +2747,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -2754,7 +2757,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -2764,7 +2767,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -2890,7 +2893,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -2918,7 +2921,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3006,7 +3009,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3016,7 +3019,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3026,7 +3029,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3079,7 +3082,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3154,7 +3157,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3260,7 +3263,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3283,7 +3286,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3297,7 +3300,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3307,7 +3310,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3332,7 +3335,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3732,7 +3735,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -3855,7 +3858,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4346,7 +4349,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4402,7 +4405,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4544,7 +4547,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4554,7 +4557,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4579,7 +4582,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4737,7 +4740,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4832,7 +4835,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4842,7 +4845,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4852,7 +4855,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4958,9 +4961,71 @@ body {
   width: 100%;
 }
 
+.ilo--logo--visibility--hidden {
+  visibility: hidden;
+}
+.ilo--logo--size--fluid {
+  width: 100%;
+  height: auto;
+}
+.ilo--logo--theme--light {
+  --logo-theme-color: rgb(30, 45, 190);
+}
+.ilo--logo--theme--dark {
+  --logo-theme-color: rgb(255, 255, 255);
+}
+.ilo--logo--link {
+  all: unset;
+  cursor: pointer;
+}
+.ilo--logo--image {
+  height: 100%;
+  width: 100%;
+}
+.ilo--logo--sub-brand {
+  --lockup-height: calc(var(--logo-image-height) * 0.703);
+  --lockup-bottom-offset: calc(var(--lockup-height) * 0.05);
+  color: var(--logo-theme-color);
+  font-size: var(--logo-font-size);
+  line-height: var(--logo-font-size);
+  font-family: Overpass;
+  font-weight: 700;
+  display: inline-flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.ilo--logo--sub-brand--image {
+  height: 100%;
+  width: 50%;
+}
+.ilo--logo--sub-brand--lock-up {
+  position: relative;
+  display: flex;
+  height: var(--lockup-height);
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: flex-start;
+  width: 50%;
+  bottom: var(--lockup-bottom-offset);
+}
+.ilo--logo--sub-brand--lock-up--separator {
+  padding: 0 0.4em;
+  height: 100%;
+  display: inline-block;
+  line-height: 0px;
+}
+.ilo--logo--sub-brand--lock-up--separator::before {
+  content: "";
+  position: relative;
+  display: inline-block;
+  height: 100%;
+  width: calc(var(--logo-image-height) * 0.02);
+  background-color: var(--logo-theme-color);
+}
+
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4970,7 +5035,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -4980,7 +5045,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -5077,7 +5142,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -5164,6 +5229,7 @@ body {
 .ilo--header--logo {
   display: block;
   max-width: 150px;
+  width: 100%;
 }
 @media screen and (min-width: 1024px) {
   .ilo--header--logo {
@@ -5954,7 +6020,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -5964,7 +6030,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -5974,7 +6040,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6166,7 +6232,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6306,7 +6372,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6316,7 +6382,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6341,7 +6407,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6358,22 +6424,40 @@ body {
   float: left;
   width: 3.4297963558rem;
 }
-.ilo--profile--contents .id {
+.ilo--profile--contents--light .id {
   margin-left: 4.0192926045rem;
   padding-top: 5px;
 }
-.ilo--profile--contents .id:first-of-type {
+.ilo--profile--contents--light .id:first-of-type {
   padding-bottom: 1px;
 }
-.ilo--profile--contents .id:nth-of-type(2):last-of-type {
+.ilo--profile--contents--light .id:nth-of-type(2):last-of-type {
   padding-top: 0;
 }
-.ilo--profile--contents .id:first-of-type:last-of-type,
-.ilo--profile--contents .id:nth-of-type(2):last-of-type {
+.ilo--profile--contents--light .id:first-of-type:last-of-type,
+.ilo--profile--contents--light .id:nth-of-type(2):last-of-type {
   border-bottom: 2px solid rgb(237, 240, 242);
   padding-bottom: 11px;
 }
-.ilo--profile--contents .id:first-of-type:last-of-type {
+.ilo--profile--contents--light .id:first-of-type:last-of-type {
+  padding-top: 14px;
+}
+.ilo--profile--contents--dark .id {
+  margin-left: 4.0192926045rem;
+  padding-top: 5px;
+}
+.ilo--profile--contents--dark .id:first-of-type {
+  padding-bottom: 1px;
+}
+.ilo--profile--contents--dark .id:nth-of-type(2):last-of-type {
+  padding-top: 0;
+}
+.ilo--profile--contents--dark .id:first-of-type:last-of-type,
+.ilo--profile--contents--dark .id:nth-of-type(2):last-of-type {
+  border-bottom: 2px solid rgb(237, 240, 242);
+  padding-bottom: 11px;
+}
+.ilo--profile--contents--dark .id:first-of-type:last-of-type {
   padding-top: 14px;
 }
 .ilo--profile--name {
@@ -6464,7 +6548,11 @@ body {
 .right-to-left .ilo--profile .ilo--profile--avatar {
   float: right;
 }
-.right-to-left .ilo--profile .ilo--profile--contents .id {
+.right-to-left .ilo--profile .ilo--profile--contents--light .id {
+  margin-left: auto;
+  margin-right: 4.0192926045rem;
+}
+.right-to-left .ilo--profile .ilo--profile--contents--dark .id {
   margin-left: auto;
   margin-right: 4.0192926045rem;
 }
@@ -6486,7 +6574,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6593,7 +6681,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6603,7 +6691,7 @@ body {
 */
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6628,7 +6716,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -6689,7 +6777,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -7104,7 +7192,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -7158,7 +7246,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -7315,7 +7403,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -7666,7 +7754,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -7852,7 +7940,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -7910,7 +7998,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -8084,7 +8172,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS:
@@ -8255,7 +8343,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Fri, 24 Feb 2023 11:13:42 GMT
+ * Generated on Fri, 21 Apr 2023 13:22:10 GMT
  */
 /**
 * TOKENS: