npm - @biggive/components - Versions diffs - 202307271559.0.0 → 202307271726.0.0 - Mend

@biggive/components 202307271559.0.0 → 202307271726.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.css CHANGED Viewed

@@ -157,7 +157,7 @@ h5, .heading-5 {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,

package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.css CHANGED Viewed

@@ -160,7 +160,7 @@ a:hover {
 .container .progress-bar-wrap {
   padding-bottom: 10px;
   margin-bottom: 10px;
-  border-bottom: 1px solid #F6F6F6;
+  border-bottom: 1px solid #E8E8E8;
 }
 .container .msg-wrapper {
   display: flex;

package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.css CHANGED Viewed

@@ -153,7 +153,7 @@ a:hover {
 .container .progress-bar-wrap {
   padding-bottom: 10px;
   margin-bottom: 10px;
-  border-bottom: 1px solid #F6F6F6;
+  border-bottom: 1px solid #E8E8E8;
 }
 .container .stat-wrap {
   display: flex;

package/dist/collection/components/biggive-carousel/biggive-carousel.css CHANGED Viewed

@@ -127,7 +127,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,

package/dist/collection/components/biggive-category-icon/biggive-category-icon.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .background-colour-hover-grey-light:hover,
 .background-colour-grey-light {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .background-colour-hover-grey-medium:hover,
@@ -142,7 +142,7 @@ a:hover {
 }
 .fill-grey-light {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .fill-grey-medium {
@@ -261,10 +261,10 @@ a:hover {
   fill: #D7D7D7;
 }
 .category-icon-item.colour-scheme-black {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .category-icon-item.colour-scheme-black svg {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .category-icon-item.colour-scheme-black {
   background-color: #8A8A8A;

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.css CHANGED Viewed

@@ -127,7 +127,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class BiggiveFormattedText {
     this.maxWidth = 100;
   }
   render() {
-    return h("div", { class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow });
+    return (h("div", { class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", null)));
   }
   static get is() { return "biggive-formatted-text"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .background-colour-hover-grey-light:hover,
 .background-colour-grey-light {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .background-colour-hover-grey-medium:hover,
@@ -142,7 +142,7 @@ a:hover {
 }
 .fill-grey-light {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .fill-grey-medium {
@@ -243,10 +243,10 @@ a:hover {
   fill: #D7D7D7;
 }
 .generic-icon-item.colour-scheme-black {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .generic-icon-item.colour-scheme-black svg {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .generic-icon-item.colour-scheme-black {
   background-color: #8A8A8A;
@@ -363,10 +363,10 @@ a:hover {
     fill: #D7D7D7;
   }
   .generic-icon-item.colour-scheme-black {
-    background-color: #F6F6F6;
+    background-color: #E8E8E8;
   }
   .generic-icon-item.colour-scheme-black svg {
-    fill: #F6F6F6;
+    fill: #E8E8E8;
   }
   .generic-icon-item.colour-scheme-black {
     background-color: #8A8A8A;

package/dist/collection/components/biggive-heading/biggive-heading.css CHANGED Viewed

@@ -158,7 +158,7 @@ h5, .heading-5 {
   color: #D7D7D7;
 }
 .container .heading-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .container .heading-colour-grey-medium {
   color: #8A8A8A;
@@ -212,7 +212,7 @@ h5, .heading-5 {
   fill: #D7D7D7;
 }
 .container .icon-colour-grey-light svg path {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .container .icon-colour-grey-medium svg path {
   fill: #8A8A8A;

package/dist/collection/components/biggive-hero-image/biggive-hero-image.css CHANGED Viewed

@@ -132,7 +132,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,
@@ -198,7 +198,7 @@ a:hover {
   color: #D7D7D7;
 }
 .container.colour-scheme-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .container.colour-scheme-grey-medium {
   color: #8A8A8A;

package/dist/collection/components/biggive-icon-button/biggive-icon-button.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .background-colour-hover-grey-light:hover,
 .background-colour-grey-light {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .background-colour-hover-grey-medium:hover,
@@ -207,7 +207,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,
@@ -328,7 +328,7 @@ a:hover {
   stroke: #D7D7D7;
 }
 .container .sleeve .arrow-wrap.arrow-colour-grey-light .arrow-wrap svg path {
-  stroke: #F6F6F6;
+  stroke: #E8E8E8;
 }
 .container .sleeve .arrow-wrap.arrow-colour-grey-medium .arrow-wrap svg path {
   stroke: #8A8A8A;
@@ -408,7 +408,7 @@ a:hover {
   stroke: #D7D7D7;
 }
 .container.arrow-colour-grey-light .arrow-wrap svg path {
-  stroke: #F6F6F6;
+  stroke: #E8E8E8;
 }
 .container.arrow-colour-grey-medium .arrow-wrap svg path {
   stroke: #8A8A8A;

package/dist/collection/components/biggive-image-button/biggive-image-button.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .background-colour-hover-grey-light:hover,
 .background-colour-grey-light {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .background-colour-hover-grey-medium:hover,
@@ -151,7 +151,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,
@@ -328,7 +328,7 @@ a:hover {
   stroke: #D7D7D7;
 }
 .container .sleeve .arrow-wrap.arrow-colour-grey-light .arrow-wrap svg path {
-  stroke: #F6F6F6;
+  stroke: #E8E8E8;
 }
 .container .sleeve .arrow-wrap.arrow-colour-grey-medium .arrow-wrap svg path {
   stroke: #8A8A8A;

package/dist/collection/components/biggive-image-feature/biggive-image-feature.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,

package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .background-colour-hover-grey-light:hover,
 .background-colour-grey-light {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .background-colour-hover-grey-medium:hover,
@@ -142,7 +142,7 @@ a:hover {
 }
 .fill-grey-light {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .fill-grey-medium {
@@ -243,10 +243,10 @@ a:hover {
   fill: #D7D7D7;
 }
 .misc-icon-item.colour-scheme-black {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .misc-icon-item.colour-scheme-black svg {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .misc-icon-item.colour-scheme-black {
   background-color: #8A8A8A;
@@ -363,10 +363,10 @@ a:hover {
     fill: #D7D7D7;
   }
   .misc-icon-item.colour-scheme-black {
-    background-color: #F6F6F6;
+    background-color: #E8E8E8;
   }
   .misc-icon-item.colour-scheme-black svg {
-    fill: #F6F6F6;
+    fill: #E8E8E8;
   }
   .misc-icon-item.colour-scheme-black {
     background-color: #8A8A8A;

package/dist/collection/components/biggive-page-section/biggive-page-section.css CHANGED Viewed

@@ -347,7 +347,7 @@ a:hover {
 .container.background-color-grey-light:after,
 .container.background-color-grey-light .sleeve:before,
 .container.background-color-grey-light .sleeve {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
   color: #000000;
 }

package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.css CHANGED Viewed

@@ -89,7 +89,7 @@ a:hover {
   left: 0;
   bottom: 0;
   right: 0;
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
   border-radius: 4px;
 }
 .progress-bar .slider .progress {

package/dist/collection/components/biggive-quote/biggive-quote.css CHANGED Viewed

@@ -132,7 +132,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,
@@ -210,7 +210,7 @@ a:hover {
   fill: #D7D7D7;
 }
 .container.quote-icon-colour-grey-light .image-wrap path {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .container.quote-icon-colour-grey-medium .image-wrap path {
   fill: #8A8A8A;

package/dist/collection/components/biggive-sheet/biggive-sheet.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .background-colour-hover-grey-light:hover,
 .background-colour-grey-light {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .background-colour-hover-grey-medium:hover,
@@ -151,7 +151,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,
@@ -217,7 +217,7 @@ a:hover {
 }
 .fill-grey-light {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .fill-grey-medium {
@@ -312,7 +312,7 @@ a:hover {
   fill: #D7D7D7;
 }
 .container .popup .header .back-link .svg-wrap.colour-grey-light svg path {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .container .popup .header .back-link .svg-wrap.colour-grey-medium svg path {
   fill: #8A8A8A;

package/dist/collection/components/biggive-social-icon/biggive-social-icon.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .background-colour-hover-grey-light:hover,
 .background-colour-grey-light {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .background-colour-hover-grey-medium:hover,
@@ -142,7 +142,7 @@ a:hover {
 }
 .fill-grey-light {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .fill-grey-medium {
@@ -244,10 +244,10 @@ a:hover {
   fill: #D7D7D7;
 }
 .social-icon-item.colour-scheme-black {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .social-icon-item.colour-scheme-black svg {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .social-icon-item.colour-scheme-black {
   background-color: #8A8A8A;
@@ -366,10 +366,10 @@ a:hover {
     fill: #D7D7D7;
   }
   .social-icon-item.colour-scheme-black {
-    background-color: #F6F6F6;
+    background-color: #E8E8E8;
   }
   .social-icon-item.colour-scheme-black svg {
-    fill: #F6F6F6;
+    fill: #E8E8E8;
   }
   .social-icon-item.colour-scheme-black {
     background-color: #8A8A8A;
@@ -487,10 +487,10 @@ a:hover {
     fill: #D7D7D7;
   }
   .social-icon-item.wide.colour-scheme-black {
-    background-color: #F6F6F6;
+    background-color: #E8E8E8;
   }
   .social-icon-item.wide.colour-scheme-black svg {
-    fill: #F6F6F6;
+    fill: #E8E8E8;
   }
   .social-icon-item.wide.colour-scheme-black {
     background-color: #8A8A8A;

package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css CHANGED Viewed

@@ -127,7 +127,7 @@ a:hover {
 .text-colour-hover-grey-light:hover,
 .text-colour-grey-light {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .text-colour-hover-grey-medium:hover,
@@ -182,7 +182,7 @@ a:hover {
   height: 10px;
 }
 .container .navigation .sleeve {
-  border-bottom: 1px solid #F6F6F6;
+  border-bottom: 1px solid #E8E8E8;
   overflow: hidden;
 }
 .container .navigation .sleeve ul {
@@ -204,9 +204,6 @@ a:hover {
 .container .navigation .sleeve ul li.selected {
   font-weight: bold;
 }
-.container.button-icon-colour-primary .navigation .sleeve {
-  border-color: #2C089B;
-}
 .container.text-colour-primary .navigation li {
   color: #2C089B;
 }
@@ -226,9 +223,6 @@ a:hover {
 .container.button-icon-colour-primary .navigation .button svg path {
   stroke: #2C089B;
 }
-.container.button-icon-colour-secondary .navigation .sleeve {
-  border-color: #2AF135;
-}
 .container.text-colour-secondary .navigation li {
   color: #2AF135;
 }
@@ -248,9 +242,6 @@ a:hover {
 .container.button-icon-colour-secondary .navigation .button svg path {
   stroke: #2AF135;
 }
-.container.button-icon-colour-tertiary .navigation .sleeve {
-  border-color: #FF7272;
-}
 .container.text-colour-tertiary .navigation li {
   color: #FF7272;
 }
@@ -270,9 +261,6 @@ a:hover {
 .container.button-icon-colour-tertiary .navigation .button svg path {
   stroke: #FF7272;
 }
-.container.button-icon-colour-brand-1 .navigation .sleeve {
-  border-color: #B30510;
-}
 .container.text-colour-brand-1 .navigation li {
   color: #B30510;
 }
@@ -292,9 +280,6 @@ a:hover {
 .container.button-icon-colour-brand-1 .navigation .button svg path {
   stroke: #B30510;
 }
-.container.button-icon-colour-brand-2 .navigation .sleeve {
-  border-color: #6E0887;
-}
 .container.text-colour-brand-2 .navigation li {
   color: #6E0887;
 }
@@ -314,9 +299,6 @@ a:hover {
 .container.button-icon-colour-brand-2 .navigation .button svg path {
   stroke: #6E0887;
 }
-.container.button-icon-colour-brand-3 .navigation .sleeve {
-  border-color: #50B400;
-}
 .container.text-colour-brand-3 .navigation li {
   color: #50B400;
 }
@@ -336,9 +318,6 @@ a:hover {
 .container.button-icon-colour-brand-3 .navigation .button svg path {
   stroke: #50B400;
 }
-.container.button-icon-colour-brand-4 .navigation .sleeve {
-  border-color: #FFE500;
-}
 .container.text-colour-brand-4 .navigation li {
   color: #FFE500;
 }
@@ -358,9 +337,6 @@ a:hover {
 .container.button-icon-colour-brand-4 .navigation .button svg path {
   stroke: #FFE500;
 }
-.container.button-icon-colour-brand-5 .navigation .sleeve {
-  border-color: #F07D00;
-}
 .container.text-colour-brand-5 .navigation li {
   color: #F07D00;
 }
@@ -380,9 +356,6 @@ a:hover {
 .container.button-icon-colour-brand-5 .navigation .button svg path {
   stroke: #F07D00;
 }
-.container.button-icon-colour-brand-6 .navigation .sleeve {
-  border-color: #62CFC9;
-}
 .container.text-colour-brand-6 .navigation li {
   color: #62CFC9;
 }
@@ -402,9 +375,6 @@ a:hover {
 .container.button-icon-colour-brand-6 .navigation .button svg path {
   stroke: #62CFC9;
 }
-.container.button-icon-colour-white .navigation .sleeve {
-  border-color: #FFFFFF;
-}
 .container.text-colour-white .navigation li {
   color: #FFFFFF;
 }
@@ -424,9 +394,6 @@ a:hover {
 .container.button-icon-colour-white .navigation .button svg path {
   stroke: #FFFFFF;
 }
-.container.button-icon-colour-black .navigation .sleeve {
-  border-color: #000000;
-}
 .container.text-colour-black .navigation li {
   color: #000000;
 }
@@ -446,9 +413,6 @@ a:hover {
 .container.button-icon-colour-black .navigation .button svg path {
   stroke: #000000;
 }
-.container.button-icon-colour-grey-extra-light .navigation .sleeve {
-  border-color: #D7D7D7;
-}
 .container.text-colour-grey-extra-light .navigation li {
   color: #D7D7D7;
 }
@@ -468,30 +432,24 @@ a:hover {
 .container.button-icon-colour-grey-extra-light .navigation .button svg path {
   stroke: #D7D7D7;
 }
-.container.button-icon-colour-grey-light .navigation .sleeve {
-  border-color: #F6F6F6;
-}
 .container.text-colour-grey-light .navigation li {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .container.navigation-highlight-colour-grey-light .navigation ul {
-  border-color: #F6F6F6;
+  border-color: #E8E8E8;
 }
 .container.selected-text-colour-grey-light .navigation li.selected {
-  color: #F6F6F6;
-  border-color: #F6F6F6;
+  color: #E8E8E8;
+  border-color: #E8E8E8;
 }
 .container.selected-navigation-highlight-colour-grey-light .navigation li.selected {
-  border-color: #F6F6F6;
+  border-color: #E8E8E8;
 }
 .container.button-background-colour-grey-light .navigation .button {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .container.button-icon-colour-grey-light .navigation .button svg path {
-  stroke: #F6F6F6;
-}
-.container.button-icon-colour-grey-medium .navigation .sleeve {
-  border-color: #8A8A8A;
+  stroke: #E8E8E8;
 }
 .container.text-colour-grey-medium .navigation li {
   color: #8A8A8A;
@@ -512,9 +470,6 @@ a:hover {
 .container.button-icon-colour-grey-medium .navigation .button svg path {
   stroke: #8A8A8A;
 }
-.container.button-icon-colour-grey-dark .navigation .sleeve {
-  border-color: #4A4A4A;
-}
 .container.text-colour-grey-dark .navigation li {
   color: #4A4A4A;
 }

package/dist/collection/components/biggive-table/biggive-table.css CHANGED Viewed

@@ -76,7 +76,7 @@ a:hover {
 .background-colour-hover-grey-light:hover,
 .background-colour-grey-light {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .background-colour-hover-grey-medium:hover,
@@ -142,7 +142,7 @@ a:hover {
 }
 .fill-grey-light {
-  fill: #F6F6F6;
+  fill: #E8E8E8;
 }
 .fill-grey-medium {
@@ -309,16 +309,16 @@ a:hover {
   background-color: #D7D7D7;
 }
 .container.header-text-colour-grey-light thead {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .container.header-background-colour-grey-light thead {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .container.body-text-colour-grey-light tbody {
-  color: #F6F6F6;
+  color: #E8E8E8;
 }
 .container.body-background-colour-grey-light tbody {
-  background-color: #F6F6F6;
+  background-color: #E8E8E8;
 }
 .container.header-text-colour-grey-medium thead {
   color: #8A8A8A;
@@ -365,10 +365,4 @@ a:hover {
 }
 .container table tbody td, .container table tbody th {
   font-size: 80%;
-}
-@media screen and (max-width: 600px) {
-  .container tr {
-    display: flex;
-    flex-wrap: wrap;
-  }
 }