@times-components/ts-components 1.117.0 → 1.117.1

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 (10) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/newsletter-puff/InlineNewsletterPuff.js +2 -2
  3. package/dist/components/newsletter-puff/styles.js +4 -1
  4. package/package.json +3 -3
  5. package/rnw.js +1 -1
  6. package/src/components/newsletter-puff/InlineNewsletterPuff.tsx +1 -1
  7. package/src/components/newsletter-puff/__tests__/__snapshots__/AutoNewsletterPuff.test.tsx.snap +4 -8
  8. package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap +4 -5
  9. package/src/components/newsletter-puff/preview-newsletter-puff/__tests__/__snapshots__/PreviewNewsletterPuff.test.tsx.snap +1 -1
  10. package/src/components/newsletter-puff/styles.ts +3 -0
package/src/components/newsletter-puff/InlineNewsletterPuff.tsx CHANGED
@@ -39,7 +39,7 @@ export const InlineNewsletterPuff = ({
39
39
 
40
40
  if (isLoading || !newsletter) {
41
41
  return (
42
- <InpContainer style={{ height: 257 }}>
42
+ <InpContainer>
43
43
  <Placeholder />
44
44
  </InpContainer>
45
45
  );
package/src/components/newsletter-puff/__tests__/__snapshots__/AutoNewsletterPuff.test.tsx.snap CHANGED
@@ -6,8 +6,7 @@ exports[`<AutoNewsletterPuff> display function always renders 1`] = `
6
6
  style="display: block;"
7
7
  >
8
8
  <div
9
- class="sc-htpNat sc-ifAKCX kVAWuv"
10
- style="height: 257px;"
9
+ class="sc-htpNat sc-ifAKCX kjWTLC"
11
10
  >
12
11
  <div
13
12
  class="tc-view__TcView-nuazoi-0 fPjBcr"
@@ -45,8 +44,7 @@ exports[`<AutoNewsletterPuff> display function doesnt render without consent 1`]
45
44
  style="display: none;"
46
45
  >
47
46
  <div
48
- class="sc-htpNat sc-ifAKCX kVAWuv"
49
- style="height: 257px;"
47
+ class="sc-htpNat sc-ifAKCX kjWTLC"
50
48
  >
51
49
  <div
52
50
  class="tc-view__TcView-nuazoi-0 fPjBcr"
@@ -84,8 +82,7 @@ exports[`<AutoNewsletterPuff> using a display function [1, 3] count = 1 1`] = `
84
82
  style="display: block;"
85
83
  >
86
84
  <div
87
- class="sc-htpNat sc-ifAKCX kVAWuv"
88
- style="height: 257px;"
85
+ class="sc-htpNat sc-ifAKCX kjWTLC"
89
86
  >
90
87
  <div
91
88
  class="tc-view__TcView-nuazoi-0 fPjBcr"
@@ -123,8 +120,7 @@ exports[`<AutoNewsletterPuff> using a display function [1, 3] count = 2 1`] = `
123
120
  style="display: none;"
124
121
  >
125
122
  <div
126
- class="sc-htpNat sc-ifAKCX kVAWuv"
127
- style="height: 257px;"
123
+ class="sc-htpNat sc-ifAKCX kjWTLC"
128
124
  >
129
125
  <div
130
126
  class="tc-view__TcView-nuazoi-0 fPjBcr"
package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`Inline Newsletter Puff renders loading state state 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="sc-htpNat sc-ifAKCX iWYiTB"
7
+ class="sc-htpNat sc-ifAKCX eLTRXu"
8
8
  >
9
9
  <div
10
10
  class="sc-htpNat sc-dnqmqq duLROv"
@@ -54,8 +54,7 @@ exports[`Inline Newsletter Puff renders placeholder when loading 1`] = `
54
54
  <body>
55
55
  <div>
56
56
  <div
57
- class="sc-htpNat sc-ifAKCX kVAWuv"
58
- style="height: 257px;"
57
+ class="sc-htpNat sc-ifAKCX kjWTLC"
59
58
  >
60
59
  <div
61
60
  class="tc-view__TcView-nuazoi-0 fPjBcr"
@@ -92,7 +91,7 @@ exports[`Inline Newsletter Puff renders signup state 1`] = `
92
91
  <body>
93
92
  <div>
94
93
  <div
95
- class="sc-htpNat sc-ifAKCX iWYiTB"
94
+ class="sc-htpNat sc-ifAKCX eLTRXu"
96
95
  >
97
96
  <div
98
97
  class="sc-htpNat sc-iwsKbI cuimXU"
@@ -136,7 +135,7 @@ exports[`Inline Newsletter Puff renders signup view when not already subscribed
136
135
  <body>
137
136
  <div>
138
137
  <div
139
- class="sc-htpNat sc-ifAKCX iWYiTB"
138
+ class="sc-htpNat sc-ifAKCX eLTRXu"
140
139
  >
141
140
  <div
142
141
  class="sc-htpNat sc-iwsKbI cuimXU"
package/src/components/newsletter-puff/preview-newsletter-puff/__tests__/__snapshots__/PreviewNewsletterPuff.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`Preview Newsletter Puff renders 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="sc-bdVaJa sc-htpNat ljXtVU"
7
+ class="sc-bdVaJa sc-htpNat hdSiln"
8
8
  >
9
9
  <div
10
10
  class="sc-bdVaJa sc-EHOje hmOAGx"
package/src/components/newsletter-puff/styles.ts CHANGED
@@ -43,13 +43,16 @@ export const InpContainer = styled(View)<{ section?: string }>`
43
43
  margin-right: ${spacing(2)};
44
44
  margin-bottom: ${spacing(4)};
45
45
  margin-left: ${spacing(2)};
46
+ height: 157.5px;
46
47
 
47
48
  @media (min-width: ${breakpoints.medium}px) {
48
49
  margin: 0 auto ${spacing(4)};
49
50
  width: 80.8%;
51
+ height: 157.5px;
50
52
  }
51
53
  @media (min-width: ${breakpoints.wide}px) {
52
54
  width: 56.2%;
55
+ height: 117.5px;
53
56
  }
54
57
  `;
55
58