@ilo-org/styles 0.1.18 → 0.2.0

package/build/css/index.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:
@@ -169,7 +169,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:
@@ -282,7 +282,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:
@@ -307,7 +307,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:
@@ -561,7 +561,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:
@@ -571,7 +571,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:
@@ -596,7 +596,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:
@@ -886,7 +886,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:
@@ -1016,7 +1016,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:
@@ -1648,7 +1648,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 {
@@ -2422,7 +2425,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:
@@ -2467,7 +2470,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:
@@ -2572,7 +2575,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:
@@ -2663,7 +2666,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:
@@ -2673,7 +2676,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:
@@ -2683,7 +2686,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:
@@ -2809,7 +2812,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:
@@ -2837,7 +2840,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:
@@ -2925,7 +2928,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:
@@ -2935,7 +2938,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:
@@ -2945,7 +2948,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:
@@ -2998,7 +3001,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:
@@ -3073,7 +3076,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:
@@ -3179,7 +3182,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:
@@ -3202,7 +3205,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:
@@ -3216,7 +3219,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:
@@ -3226,7 +3229,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:
@@ -3251,7 +3254,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:
@@ -3651,7 +3654,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:
@@ -3774,7 +3777,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:
@@ -4265,7 +4268,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:
@@ -4321,7 +4324,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:
@@ -4463,7 +4466,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:
@@ -4473,7 +4476,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:
@@ -4498,7 +4501,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:
@@ -4656,7 +4659,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:
@@ -4751,7 +4754,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:
@@ -4761,7 +4764,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:
@@ -4771,7 +4774,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:
@@ -4877,9 +4880,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:
@@ -4889,7 +4954,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:
@@ -4899,7 +4964,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:
@@ -4996,7 +5061,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:
@@ -5083,6 +5148,7 @@ body {
 .ilo--header--logo {
   display: block;
   max-width: 150px;
+  width: 100%;
 }
 @media screen and (min-width: 1024px) {
   .ilo--header--logo {
@@ -5873,7 +5939,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:
@@ -5883,7 +5949,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:
@@ -5893,7 +5959,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:
@@ -6085,7 +6151,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:
@@ -6225,7 +6291,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:
@@ -6235,7 +6301,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:
@@ -6260,7 +6326,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:
@@ -6277,22 +6343,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 {
@@ -6383,7 +6467,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;
 }
@@ -6405,7 +6493,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:
@@ -6512,7 +6600,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:
@@ -6522,7 +6610,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:
@@ -6547,7 +6635,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:
@@ -6608,7 +6696,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:
@@ -7023,7 +7111,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:
@@ -7077,7 +7165,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:
@@ -7234,7 +7322,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:
@@ -7585,7 +7673,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:
@@ -7771,7 +7859,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:
@@ -7829,7 +7917,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:
@@ -8003,7 +8091,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:
@@ -8174,7 +8262,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: