@axos-web-dev/shared-components 1.0.100-dev.2 → 1.0.100-dev.21

package/dist/assets/StepItem/StepItem.css

@@ -2,12 +2,12 @@
   position: relative;
 }
 ._1y8r7dk0:first-child > :first-child::before {
+  bottom: 2px;
   height: calc(100% - 31px);
-  bottom: 0;
 }
 ._1y8r7dk0:last-child > :first-child::before {
-  top: 0;
   height: 65px;
+  top: 2px;
 }
 ._1y8r7dk1 {
   position: relative;
@@ -16,61 +16,45 @@
 ._1y8r7dk1::before {
   content: "";
   position: absolute;
-  height: 100%;
-  border-left: 1px dashed #333d46;
   border-color: inherit;
+  border-left: 1px dashed;
+  height: 100%;
   left: 7px;
   z-index: -1;
 }
 ._1y8r7dk2 {
-  border-color: var(--_1073cm82);
+  border-color: var(--_1073cm83);
 }
 ._1y8r7dk3 {
-  border-color: var(--_1073cm89);
+  border-color: var(--_1073cm8a);
 }
 ._1y8r7dk4 {
-  border-color: var(--_1073cm8g);
+  border-color: var(--_1073cm8h);
 }
 ._1y8r7dk5 {
-  border-color: var(--_1073cm8n);
+  border-color: var(--_1073cm8o);
 }
 ._1y8r7dk6 {
   border: 4px solid transparent;
   border-radius: 50%;
+  box-sizing: content-box;
   height: 7px;
   width: 7px;
-  box-sizing: content-box;
-}
-._1073cm80 ._1y8r7dk7 {
-  border-color: #4D85B0;
-  background: var(--_1073cm81);
 }
-._1es6o1h0 ._1y8r7dk7 {
-  border-color: #4A5560;
+._1y8r7dk7 {
+  border-color: var(--_1073cm82);
   background: var(--_1073cm81);
 }
-._1073cm80 ._1y8r7dk8 {
-  border-color: #4D85B0;
-  background: var(--_1073cm88);
-}
-._1es6o1h0 ._1y8r7dk8 {
-  border-color: #4A5560;
+._1y8r7dk8 {
+  border-color: var(--_1073cm89);
   background: var(--_1073cm88);
 }
-._1073cm80 ._1y8r7dk9 {
-  border-color: #FAA74A;
-  background: #1E3860;
-}
-._1es6o1h0 ._1y8r7dk9 {
-  border-color: #FAA74A;
+._1y8r7dk9 {
+  border-color: var(--_1073cm8g);
   background: var(--_1073cm8f);
 }
-._1073cm80 ._1y8r7dka {
-  border-color: #FAA74A;
-  background: #1E3860;
-}
-._1es6o1h0 ._1y8r7dka {
-  border-color: #FAA74A;
+._1y8r7dka {
+  border-color: var(--_1073cm8n);
   background: var(--_1073cm8m);
 }
 ._1y8r7dkb {
@@ -81,16 +65,16 @@
   margin-left: 16px;
 }
 ._1y8r7dkc {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1y8r7dkd {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 ._1y8r7dke {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1y8r7dkf {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1y8r7dkg {
   flex: 1 1 0%;
@@ -101,21 +85,21 @@
   margin-top: 8px;
 }
 ._1y8r7dkh {
-  font: 600 24px/1.33 var(--header-font-family);
+  font: 700 24px/1.33 var(--header-font-family);
   letter-spacing: 0.2px;
   display: block;
 }
 ._1y8r7dki {
-  color: var(--_1073cm83);
+  color: var(--_1073cm85);
 }
 ._1y8r7dkj {
-  color: var(--_1073cm8a);
+  color: var(--_1073cm8c);
 }
 ._1y8r7dkk {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._1y8r7dkl {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._1y8r7dkm {
   display: block;

package/dist/assets/StepItemSet/StepItemSet.css

@@ -1,22 +1,21 @@
 ._18par6f0 {
-  padding-bottom: 48px;
-  padding-top: 48px;
+  padding-block: 48px;
 }
 ._18par6f1 {
   background: var(--_1073cm81);
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._18par6f2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._18par6f3 {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._18par6f4 {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 ._18par6f6 {
   margin-bottom: 16px;
@@ -28,34 +27,22 @@
   fill: #1E3860;
 }
 ._18par6fa {
-  fill: #FFF;
+  fill: #FFFFFF;
 }
 ._18par6fb {
-  fill: #FFF;
+  fill: #FFFFFF;
 }
-._1073cm80 ._18par6fd {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm84);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+._18par6fd {
+  color: var(--_1073cm85);
 }
-._1es6o1h0 ._18par6fd {
-  color: var(--_1073cm83);
-}
-._1073cm80 ._18par6fe {
-  -webkit-background-clip: text;
-  background-image: var(--_1073cm8b);
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
-}
-._1es6o1h0 ._18par6fe {
-  color: var(--_1073cm8a);
+._18par6fe {
+  color: var(--_1073cm8c);
 }
 ._18par6ff {
-  color: var(--_1073cm8h);
+  color: var(--_1073cm8j);
 }
 ._18par6fg {
-  color: var(--_1073cm8o);
+  color: var(--_1073cm8q);
 }
 ._18par6fh {
   margin-top: 16px;
@@ -72,6 +59,19 @@
   overflow: hidden;
   width: 48%;
 }
+._18par6fk {
+  border-radius: 8px;
+  min-height: 378px;
+  position: relative;
+  overflow: hidden;
+  width: 48%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._18par6fk ._16puo4g0 {
+  width: 100%;
+}
 ._18par6fj img {
   height: 100%;
   inset: 0;
@@ -80,31 +80,31 @@
   position: absolute;
   width: 100%;
 }
-._18par6fk {
+._18par6fl {
   padding: 27px 48px;
   flex: 1 1 0%;
 }
-._18par6fl {
+._18par6fm {
   padding: 0;
   list-style: none;
   margin: 0;
 }
-._18par6fl > li + li > :first-child > :first-child {
+._18par6fm > li + li > :first-child > :first-child {
   padding-top: 24px;
 }
-._18par6fl > li + li > :last-child {
+._18par6fm > li + li > :last-child {
   padding-top: 24px;
 }
-._18par6fm > * + * {
+._18par6fn > * + * {
   margin-left: 48px;
 }
-._18par6fn {
+._18par6fo {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   max-width: 800px;
 }
-._18par6fn > * {
+._18par6fo > * {
   line-height: 1.5;
 }
 @media screen and (min-width:1024px) {
@@ -113,7 +113,7 @@
   }
 }
 @media screen and (max-width:1280px) {
-  ._18par6fk {
+  ._18par6fl {
     padding-left: 24px;
     padding-right: 0;
   }
@@ -129,14 +129,18 @@
     aspect-ratio: 16 / 9;
   }
   ._18par6fk {
+    width: 100%;
+    min-height: 183px;
+  }
+  ._18par6fl {
     padding: 0px;
     margin-top: 24px;
   }
-  ._18par6fm {
+  ._18par6fn {
     flex-direction: column;
     margin-top: 24px;
   }
-  ._18par6fm > * + * {
+  ._18par6fn > * + * {
     margin-left: 0px;
     margin-top: 24px;
   }

package/dist/assets/Tab/Tab.css

@@ -14,35 +14,35 @@
   letter-spacing: 0.2px;
 }
 .lhhm341 {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 .lhhm342 {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 .lhhm343 {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 .lhhm344 {
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
 .lhhm345 {
   border-right: rgba(128, 128, 128, 0.075);
 }
 .lhhm346 {
-  color: var(--_1073cm86);
-  border-bottom: 4px solid var(--_1073cm86);
+  color: var(--_1073cm82);
+  border-bottom: 4px solid var(--_1073cm82);
 }
 .lhhm347 {
-  color: var(--_1073cm8d);
-  border-bottom: 4px solid var(--_1073cm8d);
+  color: var(--_1073cm89);
+  border-bottom: 4px solid var(--_1073cm89);
 }
 .lhhm348 {
-  color: var(--_1073cm8k);
-  border-bottom: 4px solid var(--_1073cm8k);
+  color: var(--_1073cm8g);
+  border-bottom: 4px solid var(--_1073cm8g);
 }
 .lhhm349 {
-  color: var(--_1073cm8r);
-  border-bottom: 4px solid var(--_1073cm8r);
+  color: var(--_1073cm8n);
+  border-bottom: 4px solid var(--_1073cm8n);
 }
 .lhhm34a {
   display: flex !important;

package/dist/assets/Table/Table.css

@@ -3,11 +3,12 @@
   height: 100%;
 }
 ._1nivbwe2 {
-  background: #f4f4f4;
+  background: var(--_1073cm88);
+  border: 1px solid #f1f1f1;
   padding: 2rem 0;
 }
 ._1nivbwe3 {
-  background: white;
+  background: #ffffff;
 }
 ._1nivbwe4 {
   margin-inline: auto;
@@ -16,10 +17,7 @@
   max-width: 1000px;
 }
 ._1nivbwe5 {
-  background: var(--_1073cm84);
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  text-shadow: 0px 0px #00000000;
+  color: var(--_1073cm8c);
 }
 ._1nivbwe6 tbody tr:first-child td {
   background-color: #DEF4FF !important;
@@ -40,19 +38,14 @@
   letter-spacing: 0.2px;
   margin-bottom: 8px;
 }
-._1nivbwe8 p sup {
-  vertical-align: top;
-  position: relative;
-  top: -0.5em;
-}
 ._1nivbwe9 {
-  color: var(--_1073cm82);
+  color: var(--_1073cm83);
 }
 ._1nivbwea {
-  color: var(--_1073cm89);
+  color: var(--_1073cm8a);
 }
 ._1nivbweb {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
 ._1nivbwec {
   color: var(--_1073cm8o);
@@ -74,15 +67,15 @@
 ._1nivbwef {
   color: #4A5560;
   background: var(--_1073cm81);
-  border-bottom: 1px solid var(--_1073cm87);
+  border-bottom: 1px solid var(--_1073cm84);
 }
 ._1nivbweg {
   color: #4A5560;
   background: var(--_1073cm88);
-  border-bottom: 1px solid var(--_1073cm8e);
+  border-bottom: 1px solid var(--_1073cm8b);
 }
 ._1nivbweh {
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
   border-bottom: 1px solid #F4F4F4;
 }
 ._1nivbweh:first-child {
@@ -96,6 +89,9 @@
   background: var(--_1073cm8m);
 }
 ._1nivbwek {
+  background: transparent !important;
+}
+._1nivbwel {
   padding: 16px;
   font-size: 12px;
   font-weight: 700;
@@ -104,64 +100,77 @@
   border-bottom: thin solid #FFFFFF66;
   text-align: center;
 }
-._1nivbwek:first-child {
+._1nivbwel:first-child {
   position: sticky;
   left: 0;
 }
-._1nivbwel {
+._1nivbwek ._1nivbwel {
+  font-size: 18px;
+  font-weight: 400;
+  letter-spacing: 0.2px;
+  line-height: 1.44;
+  text-align: center;
+}
+._1nivbwek ._1nivbwel:first-child {
+  border-radius: 1rem 0 0 1rem;
+}
+._1nivbwek ._1nivbwel:last-child {
+  border-radius: 0 1rem 1rem 0;
+}
+._1nivbwem {
   background: var(--_1073cm81);
   color: #4A5560;
   border-bottom: 1px solid #D4D4D4;
 }
-._1nivbwem {
+._1nivbwen {
   background: var(--_1073cm88);
   color: #4A5560;
   border-bottom: 1px solid #D4D4D4;
 }
-._1nivbwen {
-  color: var(--_1073cm8g);
+._1nivbweo {
+  color: var(--_1073cm8h);
   border-bottom: 1px solid #F4F4F4;
 }
-._1nivbwen:first-child {
+._1nivbweo:first-child {
   background: var(--_1073cm8f);
-  color: var(--_1073cm8g);
+  color: var(--_1073cm8h);
 }
-._1nivbweo {
-  color: var(--_1073cm8n);
+._1nivbwep {
+  color: var(--_1073cm8o);
   border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweo:first-child {
+._1nivbwep:first-child {
   background: var(--_1073cm8m);
-  color: var(--_1073cm8n);
+  color: var(--_1073cm8o);
 }
-._1nivbweq {
+._1nivbwer {
   background: #F4F4F4;
 }
-._1nivbwer {
+._1nivbwes {
   background: #D4D4D4;
 }
 tr:last-child td {
   border-bottom: 0;
 }
-._1nivbwes {
+._1nivbwet {
   width: 100%;
   overflow: hidden;
   margin: auto;
   border-radius: 1rem;
 }
-._1nivbwet {
-  border: 1px solid var(--_1073cm87);
-}
 ._1nivbweu {
-  border: 1px solid var(--_1073cm8e);
+  border: 1px solid var(--_1073cm84);
 }
 ._1nivbwev {
-  border: none;
+  border: 1px solid var(--_1073cm8b);
 }
 ._1nivbwew {
   border: none;
 }
 ._1nivbwex {
+  border: none;
+}
+._1nivbwey {
   background-color: white;
   position: relative;
   overflow: hidden;
@@ -171,80 +180,63 @@ tr:last-child td {
   width: 100%;
   table-layout: fixed;
 }
-._1nivbwey {
+._1nivbwez {
   background: var(--_1073cm81);
 }
-._1nivbwez {
+._1nivbwe10 {
   background: var(--_1073cm88);
 }
-._1nivbwe10 {
+._1nivbwe11 {
   background: var(--_1073cm8f);
 }
-._1nivbwe11 {
+._1nivbwe12 {
   background: var(--_1073cm8m);
 }
-._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
-  background: #F4F4F4;
+._1nivbweu ._1nivbwe13 tr:nth-child(even) td {
+  background: var(--_1073cm88);
 }
-._1nivbweu ._1nivbwe12 tr:nth-child(even) td {
+._1nivbwev ._1nivbwe13 tr:nth-child(even) td {
   background: #FFFFFF;
 }
-._1nivbwe13 ._1nivbwee {
+._1nivbwek ._1nivbwee {
+  background: var(--_1073cm88);
+  color: var(--_1073cm8c);
   font-size: 18px;
-  text-align: center;
-  line-height: 1.44;
   letter-spacing: 0.2px;
-}
-._1nivbwe13 ._1nivbwek {
-  font-size: 18px;
-  text-align: center;
   line-height: 1.44;
-  letter-spacing: 0.2px;
-  font-weight: 400;
-}
-._1nivbwe2 ._1nivbwe4 {
-  max-width: 90%;
-  text-align: left;
-}
-._1nivbwe13 ._1nivbwee {
   text-align: center;
-  background: #f4f4f4;
 }
-._1nivbwe13 tr:nth-child(even) td {
-  background: #f4f4f4;
-}
-._1nivbwe13 tr:nth-child(odd) td {
+._1nivbwek tr:nth-child(odd) td {
   background: #ffffff;
 }
-._1nivbwe13 tr th:first-child {
-  text-align: left;
-}
-._1nivbwe13 tr td:first-child {
+._1nivbwek tr > :is(th, td):first-child {
   text-align: left;
 }
-._1nivbwe13:has(td:nth-child(3):is(:last-child)) {
+._1nivbwek:has(td:nth-child(3):is(:last-child)) {
   min-width: unset;
   width: 100%;
 }
-._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) td {
-  width: 33%;
+._1nivbwe2 ._1nivbwe4 {
+  margin-bottom: 1rem;
+  max-width: 90%;
+  text-align: left;
 }
-._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) th {
+._1nivbwek tr:has(> :last-child:nth-child(-n + 3)) td {
   width: 33%;
 }
- tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
+tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
   position: relative;
 }
  tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
   position: relative;
 }
-._1nivbwe13 tr td:first-child p {
+._1nivbwek tr td:first-child p {
   justify-content: left;
 }
-._1nivbwe13 tr th:first-child ._1nivbwe8 p {
+._1nivbwek tr th:first-child ._1nivbwe8 p {
   justify-content: left;
 }
-._1nivbwe13 tr td, ._1nivbwe13 tr th {
+._1nivbwek tr td, ._1nivbwek tr th {
   border-bottom: 0;
 }
 ._1nivbwe14 {
@@ -299,27 +291,26 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
   ._1nivbwei:first-child {
     background-image: var(--_1073cm8m);
   }
-  ._1nivbwek {
+  ._1nivbwel {
     font-size: 14px;
   }
-  ._1nivbwek:first-child {
+  ._1nivbwel:first-child {
     box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
     z-index: 2;
   }
-  ._1nivbwex {
+  ._1nivbwek ._1nivbwel:first-child {
+    border-radius: 0;
+  }
+  ._1nivbwey {
     border-radius: 0;
     overflow: auto;
     width: auto;
   }
-  table:has(td:nth-child(3):is(:last-child)) {
-    min-width: unset;
-    width: 100%;
-  }
-  table:has(td:nth-child(2):is(:last-child)) {
+  table:has(:is(td:nth-child(2), td:nth-child(3)):is(:last-child)) {
     min-width: unset;
     width: 100%;
   }
-  ._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) td {
+  ._1nivbwek tr:has(> :last-child:nth-child(-n + 3)) td {
     width: 30%;
   }
   tr:has(> :last-child:nth-child(-n + 3)) td {
@@ -327,14 +318,11 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
     min-width: unset;
     padding: 16px 12px;
   }
-  ._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) th {
-    width: 30%;
-  }
   tr:has(> :last-child:nth-child(-n + 3)) th {
     min-width: unset;
     padding: 16px 8px;
   }
-   tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
+  tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
     box-shadow: none;
     z-index: 0;
     width: 40%;
@@ -352,13 +340,13 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
   ._1nivbwe1 {
     scrollbar-width: thin;
   }
-  ._1nivbwen:first-child {
+  ._1nivbweo:first-child {
     background-image: var(--_1073cm8f);
   }
-  ._1nivbweo:first-child {
+  ._1nivbwep:first-child {
     background-image: var(--_1073cm8m);
   }
-  ._1nivbwex {
+  ._1nivbwey {
     overflow-x: auto;
   }
 }
@@ -367,13 +355,13 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
     font-size: 28px;
     line-height: 1.29;
   }
-  ._1nivbwes {
+  ._1nivbwet {
     border-radius: 0;
     overflow-x: scroll;
   }
 }
 @media screen and (max-width: 450px) {
-  ._1nivbwe13 {
+  ._1nivbwek {
     min-width: 100%;
   }
 }
@@ -384,4 +372,10 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
   td:has(.flex.middle span.img_fluid) .flex.middle {
     overflow-wrap: normal;
   }
+}
+@media screen and (max-width: 603px) {
+  .containment:has(._1nivbwek) {
+    width: 100%;
+    border-radius: 0px;
+  }
 }