@axos-web-dev/shared-components 0.0.58 → 0.0.60

package/dist/assets/ArticlesSet/ArticlesSet.css

@@ -5,16 +5,10 @@
 .kjcqgc1 {
   margin-bottom: 40px;
 }
-._1073cm80 .kjcqgc3 {
+.kjcqgc3 {
   color: var(--_1073cm83);
 }
-._1es6o1h0 .kjcqgc3 {
-  color: var(--_1073cm83);
-}
-._1073cm80 .kjcqgc4 {
-  color: var(--_1073cm8a);
-}
-._1es6o1h0 .kjcqgc4 {
+.kjcqgc4 {
   color: var(--_1073cm8a);
 }
 ._1073cm80 .kjcqgc5 {
@@ -32,6 +26,7 @@
 .kjcqgc7 {
   font: 700 18px/1.44 var(--main-font-family);
   text-decoration: none;
+  margin-right: 1em;
 }
 .kjcqgc7:hover {
   opacity: 0.7;
@@ -60,33 +55,7 @@
 ._1es6o1h0 .kjcqgcb {
   color: #1E262F;
 }
-options => {
-    var className = config.defaultClassName;
-    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-    for (var variantName in selections) {
-      var _selections$variantNa;
-      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-      if (variantSelection != null) {
-        var selection = variantSelection;
-        if (typeof selection === 'boolean') {
-          // @ts-expect-error
-          selection = selection === true ? 'true' : 'false';
-        }
-        var selectionClassName =
-        // @ts-expect-error
-        config.variantClassNames[variantName][selection];
-        if (selectionClassName) {
-          className += ' ' + selectionClassName;
-        }
-      }
-    }
-    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-        className += ' ' + compoundClassName;
-      }
-    }
-    return className;
-  } + .sc__btn {
+.kjcqgc2 + .sc__btn {
   display: inline-block;
 }
 ._1073cm80 .kjcqgcd {
@@ -116,35 +85,19 @@ options => {
 .kjcqgch article {
   flex: 1 1 0%;
 }
-._1073cm80 .kjcqgcj {
+.kjcqgcj {
   color: var(--_1073cm82);
   background: var(--_1073cm81);
 }
-._1es6o1h0 .kjcqgcj {
-  color: var(--_1073cm82);
-  background: var(--_1073cm81);
-}
-._1073cm80 .kjcqgck {
-  color: var(--_1073cm89);
-  background: var(--_1073cm88);
-}
-._1es6o1h0 .kjcqgck {
+.kjcqgck {
   color: var(--_1073cm89);
   background: var(--_1073cm88);
 }
-._1073cm80 .kjcqgcl {
-  color: var(--_1073cm8g);
-  background: var(--_1073cm8f);
-}
-._1es6o1h0 .kjcqgcl {
+.kjcqgcl {
   color: var(--_1073cm8g);
   background: var(--_1073cm8f);
 }
-._1073cm80 .kjcqgcm {
-  color: var(--_1073cm8n);
-  background: var(--_1073cm8m);
-}
-._1es6o1h0 .kjcqgcm {
+.kjcqgcm {
   color: var(--_1073cm8n);
   background: var(--_1073cm8m);
 }
@@ -155,33 +108,7 @@ options => {
   .kjcqgc1 {
     margin-bottom: 32px;
   }
-  options => {
-    var className = config.defaultClassName;
-    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-    for (var variantName in selections) {
-      var _selections$variantNa;
-      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-      if (variantSelection != null) {
-        var selection = variantSelection;
-        if (typeof selection === 'boolean') {
-          // @ts-expect-error
-          selection = selection === true ? 'true' : 'false';
-        }
-        var selectionClassName =
-        // @ts-expect-error
-        config.variantClassNames[variantName][selection];
-        if (selectionClassName) {
-          className += ' ' + selectionClassName;
-        }
-      }
-    }
-    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-        className += ' ' + compoundClassName;
-      }
-    }
-    return className;
-  } + .sc__btn {
+  .kjcqgc2 + .sc__btn {
     margin-top: 16px;
   }
 }
@@ -201,33 +128,7 @@ options => {
   }
 }
 @media (max-width:1023px) and (min-width:769px) {
-  options => {
-    var className = config.defaultClassName;
-    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-    for (var variantName in selections) {
-      var _selections$variantNa;
-      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-      if (variantSelection != null) {
-        var selection = variantSelection;
-        if (typeof selection === 'boolean') {
-          // @ts-expect-error
-          selection = selection === true ? 'true' : 'false';
-        }
-        var selectionClassName =
-        // @ts-expect-error
-        config.variantClassNames[variantName][selection];
-        if (selectionClassName) {
-          className += ' ' + selectionClassName;
-        }
-      }
-    }
-    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-        className += ' ' + compoundClassName;
-      }
-    }
-    return className;
-  } > * {
+  .kjcqgci > * {
     font-size: 15px;
     line-height: 1.4;
   }

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -1,33 +1,62 @@
 .txcb8d0 {
   border: 1px solid transparent;
 }
-.txcb8d1 {
+._1073cm80 .txcb8d1 {
   background: var(--_1073cm81);
   color: var(--_1073cm82);
   border-color: var(--_1073cm87);
 }
-.txcb8d2 {
+._1es6o1h0 .txcb8d1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+  border-color: var(--_1073cm87);
+}
+._1073cm80 .txcb8d2 {
   background: var(--_1073cm88);
   color: var(--_1073cm89);
 }
-.txcb8d3 {
+._1es6o1h0 .txcb8d2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+._1073cm80 .txcb8d3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1es6o1h0 .txcb8d3 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-.txcb8d4 {
+._1073cm80 .txcb8d4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+._1es6o1h0 .txcb8d4 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-.txcb8d6 {
+._1073cm80 .txcb8d6 {
+  color: var(--_1073cm83);
+}
+._1es6o1h0 .txcb8d6 {
   color: var(--_1073cm83);
 }
-.txcb8d7 {
+._1073cm80 .txcb8d7 {
+  color: var(--_1073cm8a);
+}
+._1es6o1h0 .txcb8d7 {
   color: var(--_1073cm8a);
 }
-.txcb8d8 {
+._1073cm80 .txcb8d8 {
+  color: var(--_1073cm8h);
+}
+._1es6o1h0 .txcb8d8 {
   color: var(--_1073cm8h);
 }
-.txcb8d9 {
+._1073cm80 .txcb8d9 {
+  color: var(--_1073cm8o);
+}
+._1es6o1h0 .txcb8d9 {
   color: var(--_1073cm8o);
 }
 .txcb8da {
@@ -37,30 +66,57 @@
   line-height: 1.29;
   margin-top: 10px;
 }
-.txcb8db {
+._1073cm80 .txcb8db {
+  color: var(--_1073cm83);
+}
+._1es6o1h0 .txcb8db {
   color: var(--_1073cm83);
 }
-.txcb8dc {
+._1073cm80 .txcb8dc {
+  color: var(--_1073cm8a);
+}
+._1es6o1h0 .txcb8dc {
   color: var(--_1073cm8a);
 }
-.txcb8dd {
+._1073cm80 .txcb8dd {
+  color: var(--_1073cm8g);
+}
+._1es6o1h0 .txcb8dd {
   color: var(--_1073cm8g);
 }
-.txcb8de {
+._1073cm80 .txcb8de {
+  color: var(--_1073cm8n);
+}
+._1es6o1h0 .txcb8de {
   color: var(--_1073cm8n);
 }
-.txcb8dg {
+._1073cm80 .txcb8dg {
+  fill: var(--_1073cm83);
+}
+._1es6o1h0 .txcb8dg {
   fill: var(--_1073cm83);
 }
-.txcb8dh {
+._1073cm80 .txcb8dh {
+  fill: var(--_1073cm8a);
+}
+._1es6o1h0 .txcb8dh {
   fill: var(--_1073cm8a);
 }
-.txcb8di {
+._1073cm80 .txcb8di {
+  fill: var(--_1073cm8h);
+}
+._1es6o1h0 .txcb8di {
   fill: var(--_1073cm8h);
 }
-.txcb8dj {
+._1073cm80 .txcb8dj {
+  fill: var(--_1073cm8o);
+}
+._1es6o1h0 .txcb8dj {
   fill: var(--_1073cm8o);
 }
+.txcb8dk {
+  flex: 1 1 0%;
+}
 .txcb8dl {
   flex: 1 1 0%;
   max-width: 50%;
@@ -92,22 +148,34 @@
   text-decoration: none;
   font-weight: 600;
 }
-.txcb8dp {
+._1073cm80 .txcb8dp {
   color: #0062B3;
 }
-.txcb8dq {
+._1es6o1h0 .txcb8dp {
   color: #0062B3;
 }
-.txcb8dr {
-  color: var(--_1073cm8h);
+._1073cm80 .txcb8dq {
+  color: #0062B3;
 }
-.txcb8ds {
-  color: var(--_1073cm8o);
+._1es6o1h0 .txcb8dq {
+  color: #0062B3;
+}
+._1073cm80 .txcb8dr {
+  color: #fff;
+}
+._1es6o1h0 .txcb8dr {
+  color: #fff;
+}
+._1073cm80 .txcb8ds {
+  color: #FAA74A;
+}
+._1es6o1h0 .txcb8ds {
+  color: #FAA74A;
 }
 .txcb8do a {
   text-decoration: none;
 }
-.txcb8du {
+$.txcb8dl + .txcb8du {
   margin-left: 1.5rem;
 }
 .txcb8du svg {
@@ -134,35 +202,60 @@
 }
 .txcb8d10 h2 + p {
   margin-top: 8px;
+  color: #333D46;
 }
 .txcb8d11 {
   padding-top: 56px;
   padding-bottom: 56px;
   margin-top: 0;
 }
-.txcb8d12 {
+._1073cm80 .txcb8d12 {
+  background: var(--_1073cm81);
+}
+._1es6o1h0 .txcb8d12 {
   background: var(--_1073cm81);
 }
-.txcb8d13 {
+._1073cm80 .txcb8d13 {
+  background: var(--_1073cm88);
+}
+._1es6o1h0 .txcb8d13 {
   background: var(--_1073cm88);
 }
-.txcb8d14 {
+._1073cm80 .txcb8d14 {
   background: var(--_1073cm8f);
 }
-.txcb8d15 {
+._1es6o1h0 .txcb8d14 {
+  background: #1E262F;
+}
+._1073cm80 .txcb8d15 {
   background: var(--_1073cm8m);
 }
-.txcb8d17 {
+._1es6o1h0 .txcb8d15 {
+  background: #1E262F;
+}
+._1073cm80 .txcb8d17 {
+  color: var(--_1073cm83);
+}
+._1es6o1h0 .txcb8d17 {
   color: var(--_1073cm83);
 }
-.txcb8d18 {
+._1073cm80 .txcb8d18 {
   color: var(--_1073cm8a);
 }
-.txcb8d19 {
-  color: var(--_1073cm8h);
+._1es6o1h0 .txcb8d18 {
+  color: var(--_1073cm8a);
 }
-.txcb8d1a {
-  color: var(--_1073cm8o);
+._1073cm80 .txcb8d19 {
+  color: #1E3860;
+}
+._1es6o1h0 .txcb8d19 {
+  color: #1E262F;
+}
+._1073cm80 .txcb8d1a {
+  color: #1E3860;
+}
+._1es6o1h0 .txcb8d1a {
+  color: #1E262F;
 }
 .txcb8d1b {
   position: relative;
@@ -190,9 +283,11 @@
     max-width: 100%;
   }
   .txcb8du {
-    margin-left: 0;
     margin-top: 24px;
   }
+  $.txcb8dl + .txcb8du {
+    margin-left: 0;
+  }
   .txcb8dv {
     display: flex;
     justify-content: center;

package/dist/assets/IconBillboard/IconBillboard.css

@@ -130,6 +130,24 @@
   grid-template-columns:  repeat( auto-fit, minmax(250px, 1fr) );
   gap: 24px;
 }
+._1r4ovbup {
+  color: var(--_1073cm82);
+}
+._1r4ovbuq {
+  background: var(--_1073cm81);
+  border: 1px solid #D4D4D4;
+}
+._1r4ovbur {
+  background: var(--_1073cm88);
+}
+._1r4ovbus {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1r4ovbut {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
 @media screen and (max-width: 380px) {
   ._1r4ovbuh {
     flex-direction: column;