@adstore/templates 2.0.12 → 2.0.13

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @adstore/templates
 
+## 2.0.13
+
+### Patch Changes
+
+- 4d88789: Fix size of legal info. Change width of SimpleGift container. Add path to Iterator tool. Make centred logo for all promos.
+
 ## 2.0.12
 
 ### Patch Changes

package/dist/style.css

@@ -1,8 +1,8 @@
-._root_241qx_1 {
+._root_1scoi_1 {
   position: relative;
 }
 
-._icon_241qx_5 {
+._icon_1scoi_5 {
   width: 30px;
   height: 30px;
   display: flex;
@@ -14,25 +14,25 @@
   cursor: pointer;
 }
 
-._iconTarget_241qx_17 {
+._iconTarget_1scoi_17 {
   width: 17px;
   height: 20px;
 }
 
-._body_241qx_22 {
+._body_1scoi_22 {
   position: absolute;
   left: -30px;
   top: 50px;
-  width: 290px;
+  width: 300px;
   display: none;
 }
 
-._bodyOpen_241qx_30 {
-  animation: _simpleGift_in_241qx_1 0.3s;
+._bodyOpen_1scoi_30 {
+  animation: _simpleGift_in_1scoi_1 0.3s;
   display: block;
 }
 
-@keyframes _simpleGift_in_241qx_1 {
+@keyframes _simpleGift_in_1scoi_1 {
   from {
     opacity: 0;
   }
@@ -40,7 +40,7 @@
     opacity: 1;
   }
 }
-._close_241qx_43 {
+._close_1scoi_43 {
   position: absolute;
   top: 9px;
   right: 9px;
@@ -49,12 +49,12 @@
   align-items: center;
   cursor: pointer;
 }
-._close_241qx_43 svg {
+._close_1scoi_43 svg {
   width: 15px;
   height: 15px;
 }
 
-._arrow_241qx_57 {
+._arrow_1scoi_57 {
   position: absolute;
   transform: rotate(45deg);
   height: 15px;
@@ -64,26 +64,27 @@
   background-color: #333;
 }
 
-._container_241qx_67 {
+._container_1scoi_67 {
   background-color: #333;
   padding: 10px 10px 4px 10px;
   border-radius: 4px;
 }
 
-._inner_241qx_73 {
+._inner_1scoi_73 {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   padding-right: 30px;
 }
 
-._logo_241qx_80 {
+._logo_1scoi_80 {
   min-width: 60px;
   height: 24px;
   background-color: #eee;
+  background-position: center;
 }
 
-._text_241qx_86 {
+._text_1scoi_87 {
   font-size: 17px;
   line-height: 1.2;
   color: #fff;
@@ -92,13 +93,13 @@
   --accent-size: #fff;
   --font-family: Roboto, sans-serif;
 }
-._text_241qx_86 span {
+._text_1scoi_87 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
 
-._button_241qx_101 {
+._button_1scoi_102 {
   font-size: 13px;
   line-height: 2;
   border-radius: 4px;
@@ -107,11 +108,15 @@
   color: #333;
 }
 
-._buttonAnimated_241qx_110 {
-  animation: _increase_241qx_1 3s infinite;
+._buttonAnimated_1scoi_111 {
+  animation: _increase_1scoi_1 3s infinite;
+}
+
+._legalWrapper_1scoi_115 {
+  min-height: 18px;
 }
 
-._legal_241qx_114 {
+._legal_1scoi_115 {
   position: relative;
   display: flex;
   width: calc(100% + 12px);
@@ -127,8 +132,7 @@
   line-height: 11px;
   margin-top: 5px;
 }
-
-._legalOpen_241qx_131 {
+._legalOpen_1scoi_135 ._legal_1scoi_115 {
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -136,7 +140,7 @@
   width: 100%;
 }
 
-._legalText_241qx_139 {
+._legalText_1scoi_143 {
   display: inline-block;
   margin: 0;
   -webkit-line-clamp: 1;
@@ -146,26 +150,26 @@
   text-overflow: ellipsis;
   padding-right: 25px;
 }
-._legalOpen_241qx_131 ._legalText_241qx_139 {
+._legalOpen_1scoi_135 ._legalText_1scoi_143 {
   text-align: center;
   padding-right: 0;
   overflow: auto;
 }
 
-._legalButton_241qx_155 {
+._legalButton_1scoi_159 {
   cursor: pointer;
   text-decoration: underline;
   position: absolute;
   right: 4px;
   bottom: 4px;
 }
-._legalOpen_241qx_131 ._legalButton_241qx_155 {
+._legalOpen_1scoi_135 ._legalButton_1scoi_159 {
   position: initial;
   display: inline-block;
   margin: 0 3px;
 }
 
-@keyframes _fadein_241qx_1 {
+@keyframes _fadein_1scoi_1 {
   0%, 100% {
     opacity: 0;
   }
@@ -173,7 +177,7 @@
     opacity: 1;
   }
 }
-@keyframes _pulse_241qx_1 {
+@keyframes _pulse_1scoi_1 {
   from {
     transform: scale(1);
   }
@@ -181,7 +185,7 @@
     transform: scale(1.05);
   }
 }
-@keyframes _gradient_241qx_1 {
+@keyframes _gradient_1scoi_1 {
   0% {
     background-position: 0% 50%;
   }
@@ -192,7 +196,7 @@
     background-position: 0% 50%;
   }
 }
-@keyframes _wiggle_241qx_1 {
+@keyframes _wiggle_1scoi_1 {
   0%, 7% {
     transform: rotateZ(0);
   }
@@ -215,7 +219,7 @@
     transform: rotateZ(0);
   }
 }
-@keyframes _increase_241qx_1 {
+@keyframes _increase_1scoi_1 {
   0% {
     transform: scale(1) translateZ(0);
   }
@@ -385,25 +389,25 @@
   40%, 100% {
     transform: rotateZ(0);
   }
-}._root_5vnui_1 {
+}._root_1dvwc_1 {
   padding: 6px;
   background-color: #fff;
   position: relative;
   display: block;
 }
-._root_5vnui_1:first-child {
+._root_1dvwc_1:first-child {
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
-._root_5vnui_1:first-child:after {
+._root_1dvwc_1:first-child:after {
   display: none;
 }
-._root_5vnui_1:last-child {
+._root_1dvwc_1:last-child {
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom: none;
 }
-._root_5vnui_1:after {
+._root_1dvwc_1:after {
   content: "";
   width: 100%;
   height: 1px;
@@ -414,7 +418,7 @@
   bottom: 0;
 }
 
-._body_5vnui_30 {
+._body_1dvwc_30 {
   display: flex;
   align-items: center;
   position: relative;
@@ -422,12 +426,12 @@
   justify-content: space-between;
 }
 
-._bodyInner_5vnui_38 {
+._bodyInner_1dvwc_38 {
   display: flex;
   align-items: center;
 }
 
-._line_5vnui_43 {
+._line_1dvwc_43 {
   position: absolute;
   left: -6px;
   top: 0;
@@ -437,7 +441,7 @@
   border-radius: 0 2px 2px 0;
 }
 
-._text_5vnui_53 {
+._text_1dvwc_53 {
   font-size: 12px;
   line-height: 1.2;
   color: #333;
@@ -447,13 +451,13 @@
   --accent-color: #ffbc00;
   --font-family: Roboto, sans-serif;
 }
-._text_5vnui_53 span {
+._text_1dvwc_53 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
 
-._button_5vnui_69 {
+._button_1dvwc_69 {
   margin-left: auto;
   padding: 2px;
   background-color: #ffb800;
@@ -465,33 +469,34 @@
   line-height: 2;
   font-weight: bold;
 }
-._button_5vnui_69 ._logo_5vnui_81 {
+._button_1dvwc_69 ._logo_1dvwc_81 {
   width: 30px;
   height: 30px;
   margin-right: initial;
   display: block;
 }
-._variant2_5vnui_87 ._button_5vnui_69 ._logo_5vnui_81 {
+._variant2_1dvwc_87 ._button_1dvwc_69 ._logo_1dvwc_81 {
   display: none;
 }
 
-._buttonText_5vnui_91 {
+._buttonText_1dvwc_91 {
   padding: 0 7px;
 }
 
-._logo_5vnui_81 {
+._logo_1dvwc_81 {
   width: 25px;
   height: 25px;
   border-radius: 30px;
   background-color: #eee;
   margin-right: 10px;
   display: none;
+  background-position: center;
 }
-._variant2_5vnui_87 ._logo_5vnui_81 {
+._variant2_1dvwc_87 ._logo_1dvwc_81 {
   display: block;
 }
 
-._legal_5vnui_107 {
+._legal_1dvwc_108 {
   background-color: #eee;
   padding: 2px 5px;
   height: 14px;
@@ -502,20 +507,20 @@
   font-size: 8px;
 }
 
-._legal_5vnui_107::-webkit-scrollbar {
+._legal_1dvwc_108::-webkit-scrollbar {
   width: 4px;
   background: #e5e6e9;
   border-radius: 5px;
 }
 
-._legal_5vnui_107::-webkit-scrollbar-track {
+._legal_1dvwc_108::-webkit-scrollbar-track {
   border-radius: 5px;
 }
 
-._legal_5vnui_107::-webkit-scrollbar-thumb {
+._legal_1dvwc_108::-webkit-scrollbar-thumb {
   background: #7e8392;
   border-radius: 5px;
-}._root_10an1_1 {
+}._root_1l0ud_1 {
   max-width: 320px;
   width: 100%;
   overflow: hidden;
@@ -525,43 +530,43 @@
   display: flex;
 }
 
-._laptop_10an1_11 {
+._laptop_1l0ud_11 {
   max-width: 930px;
   min-height: 680px;
 }
 
-._tablet_10an1_16 {
+._tablet_1l0ud_16 {
   max-width: 410px;
   min-height: 680px;
 }
 
-._desktop_10an1_21 {
+._desktop_1l0ud_21 {
   max-width: 75%;
   min-height: 500px;
 }
 
-._body_10an1_26 {
+._body_1l0ud_26 {
   padding: 25px 10px 12px 10px;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
 }
-._desktop_10an1_21 ._body_10an1_26 {
+._desktop_1l0ud_21 ._body_1l0ud_26 {
   padding: 30px 47px 15px 47px;
 }
 
-._logo_10an1_37 {
+._logo_1l0ud_37 {
   width: 100px;
   height: 60px;
-  background: #eee;
+  background: #eee center;
 }
 
-._text_10an1_43 {
+._text_1l0ud_43 {
   margin: auto 0;
 }
 
-._button_10an1_47 {
+._button_1l0ud_47 {
   border-radius: 8px;
   padding: 0 15px;
   font-size: 24px;
@@ -572,11 +577,11 @@
   justify-content: center;
   width: 100%;
 }
-._desktop_10an1_21 ._button_10an1_47 {
+._desktop_1l0ud_21 ._button_1l0ud_47 {
   width: 70%;
 }
 
-._legal_10an1_62 {
+._legal_1l0ud_62 {
   font-size: 9px;
   color: #333;
   padding: 0 10px;
@@ -584,7 +589,7 @@
   width: 100%;
   line-height: 1.2;
 }
-._desktop_10an1_21 ._legal_10an1_62 {
+._desktop_1l0ud_21 ._legal_1l0ud_62 {
   width: 70%;
 }._root_2ic16_1 {
   font-size: 20px;
@@ -638,7 +643,7 @@
 ._desktop_13k8c_13 ._wrapper_13k8c_33 {
   flex-direction: initial;
   gap: 25px;
-}._root_17kc6_1 {
+}._root_1ska4_1 {
   text-align: center;
   background-color: #f7f7f7;
   overflow: hidden;
@@ -647,57 +652,58 @@
   display: block;
 }
 
-._desktop_17kc6_10 {
+._desktop_1ska4_10 {
   height: 300px;
   width: 300px;
 }
 
-._header_17kc6_15 {
+._header_1ska4_15 {
   display: none;
   background-color: #eee;
   height: 49px;
   align-items: center;
   justify-content: center;
 }
-._desktop_17kc6_10 ._header_17kc6_15 {
+._desktop_1ska4_10 ._header_1ska4_15 {
   display: flex;
 }
 
-._logo_17kc6_26 {
+._logo_1ska4_26 {
   width: 60px;
   background-color: #dbdbdb;
   height: 40px;
+  background-position: center;
 }
 
-._container_17kc6_32 {
+._container_1ska4_33 {
   display: flex;
   flex-direction: column;
   padding: 10px;
 }
-._desktop_17kc6_10 ._container_17kc6_32 {
+._desktop_1ska4_10 ._container_1ska4_33 {
   padding: 0 16px 12px 16px;
   justify-content: space-between;
   height: calc(100% - 50px);
 }
 
-._body_17kc6_43 {
+._body_1ska4_44 {
   padding: 11px 10px 9px 10px;
   display: flex;
   align-items: center;
   margin-bottom: 12px;
 }
-._desktop_17kc6_10 ._body_17kc6_43 {
+._desktop_1ska4_10 ._body_1ska4_44 {
   margin: auto;
 }
-._body_17kc6_43 ._logo_17kc6_26 {
+._body_1ska4_44 ._logo_1ska4_26 {
   display: block;
   margin-right: 12px;
 }
-._desktop_17kc6_10 ._body_17kc6_43 ._logo_17kc6_26 {
+._desktop_1ska4_10 ._body_1ska4_44 ._logo_1ska4_26 {
   display: none;
 }
 
-._text_17kc6_60 {
+._text_1ska4_61 {
   flex: 1;
   display: block;
   justify-content: center;
@@ -710,17 +716,17 @@
   --accent-color: #e23333;
   --font-family: Roboto, sans-serif;
 }
-._text_17kc6_60 span {
+._text_1ska4_61 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
-._desktop_17kc6_10 ._text_17kc6_60 {
+._desktop_1ska4_10 ._text_1ska4_61 {
   font-size: 22px;
   --accent-size: 22px;
 }
 
-._button_17kc6_83 {
+._button_1ska4_84 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -732,34 +738,34 @@
   border-radius: 8px;
   width: 100%;
 }
-._desktop_17kc6_10 ._button_17kc6_83 {
+._desktop_1ska4_10 ._button_1ska4_84 {
   margin-bottom: 12px;
   width: initial;
   font-size: 16px;
 }
 
-._legal_17kc6_101 {
+._legal_1ska4_102 {
   overflow-y: auto;
   padding: 0 4px;
   height: 15px;
   font-size: 9px;
   color: #333;
 }
-._desktop_17kc6_10 ._legal_17kc6_101 {
+._desktop_1ska4_10 ._legal_1ska4_102 {
   height: 20px;
 }
 
-._legal_17kc6_101::-webkit-scrollbar {
+._legal_1ska4_102::-webkit-scrollbar {
   width: 4px;
   background: #E5E6E9;
   border-radius: 5px;
 }
 
-._legal_17kc6_101::-webkit-scrollbar-track {
+._legal_1ska4_102::-webkit-scrollbar-track {
   border-radius: 5px;
 }
 
-._legal_17kc6_101::-webkit-scrollbar-thumb {
+._legal_1ska4_102::-webkit-scrollbar-thumb {
   background: #7E8392;
   border-radius: 5px;
 }._root_i7e17_1 {
@@ -906,81 +912,82 @@
 }
 ._desktop_i7e17_17 ._legal_i7e17_135 {
   width: 70%;
-}._root_10yn9_1 {
+}._root_14sq5_1 {
   padding: 10px;
   display: flex;
   align-items: center;
   width: 100%;
 }
 
-._left_10yn9_8 {
+._left_14sq5_8 {
   padding-right: 15px;
   display: none;
   align-items: center;
   border-right: 1px solid #333;
   flex: 1;
 }
-._desktop_10yn9_15 ._left_10yn9_8 {
+._desktop_14sq5_15 ._left_14sq5_8 {
   display: flex;
 }
 
-._teams_10yn9_19 {
+._teams_14sq5_19 {
   margin-right: 30px;
   display: flex;
   align-items: center;
 }
 
-._logo_10yn9_25 {
+._logo_14sq5_25 {
   width: 50px;
   height: 50px;
   background-color: #eee;
+  background-position: center;
 }
 
-._league_10yn9_31 {
+._league_14sq5_32 {
   font-size: 15px;
   color: #333;
 }
 
-._name_10yn9_36 {
+._name_14sq5_37 {
   font-size: 18px;
   font-weight: bold;
   color: #333;
 }
 
-._right_10yn9_42 {
+._right_14sq5_43 {
   padding: 0 10px;
   width: 100%;
   display: flex;
 }
-._desktop_10yn9_15 ._right_10yn9_42 {
+._desktop_14sq5_15 ._right_14sq5_43 {
   align-items: center;
   padding: 0 30px;
   width: 30%;
 }
 
-._odd_10yn9_53 {
+._odd_14sq5_54 {
   display: flex;
   align-items: center;
   flex-direction: column;
   flex: 1;
 }
-._desktop_10yn9_15 ._odd_10yn9_53 {
+._desktop_14sq5_15 ._odd_14sq5_54 {
   flex-direction: row;
   flex: initial;
   justify-content: space-between;
   width: 100%;
 }
 
-._oddLabel_10yn9_66 {
+._oddLabel_14sq5_67 {
   font-size: 13px;
   color: #333;
 }
-._desktop_10yn9_15 ._oddLabel_10yn9_66 {
+._desktop_14sq5_15 ._oddLabel_14sq5_67 {
   font-size: 19px;
   margin-right: 15px;
 }
 
-._oddValue_10yn9_75 {
+._oddValue_14sq5_76 {
   padding: 3px 10px;
   background-color: #ffbc00;
   border-radius: 2px;
@@ -988,29 +995,29 @@
   color: #333;
   margin-top: 3px;
 }
-._desktop_10yn9_15 ._oddValue_10yn9_75 {
+._desktop_14sq5_15 ._oddValue_14sq5_76 {
   font-size: 19px;
   padding: 3px 20px;
   margin-top: initial;
 }
 
-._team_10yn9_19 {
+._team_14sq5_19 {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 30%;
 }
-._desktop_10yn9_15 ._team_10yn9_19 {
+._desktop_14sq5_15 ._team_14sq5_19 {
   display: none;
 }
 
-._teamLogo_10yn9_99 {
+._teamLogo_14sq5_100 {
   width: 34px;
   height: 34px;
   background-color: #eee;
 }
 
-._teamName_10yn9_105 {
+._teamName_14sq5_106 {
   font-size: 11px;
   text-transform: uppercase;
 }._root_1slvw_1 {