@simplybusiness/theme-simplybusiness 2.16.0 → 2.16.2

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 2.16.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 16ca618: Add ExplainerCards component for workers comp coverage selection flow
8
+ - Updated dependencies [e256f81]
9
+ - Updated dependencies [16ca618]
10
+ - Updated dependencies [5b25412]
11
+ - Updated dependencies [007e25d]
12
+ - @simplybusiness/mobius-journey@12.0.0
13
+
14
+ ## 2.16.1
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies [ccea614]
19
+ - @simplybusiness/mobius-journey@11.51.1
20
+
3
21
  ## 2.16.0
4
22
 
5
23
  ### Minor Changes
package/dist/index.css CHANGED
@@ -3113,6 +3113,42 @@ svg:not(:host).svg-inline--mobius-icon{
3113
3113
  flex-grow:1;
3114
3114
  text-align:center;
3115
3115
  }
3116
+ .mobius-explainer-cards{
3117
+ display:flex;
3118
+ flex-direction:column;
3119
+ gap:var(--size-xl);
3120
+ }
3121
+ .mobius-explainer-cards__section{
3122
+ display:flex;
3123
+ flex-direction:column;
3124
+ gap:var(--size-md);
3125
+ }
3126
+ .mobius-explainer-cards__label{
3127
+ margin:0;
3128
+ }
3129
+ .mobius-explainer-card{
3130
+ width:100%;
3131
+ max-width:var(--section-max-width);
3132
+ padding:var(--size-lg);
3133
+ border-radius:var(--radius-2);
3134
+ background:var(--color-background);
3135
+ border:1px solid var(--color-border);
3136
+ display:flex;
3137
+ flex-direction:column;
3138
+ gap:var(--size-sm);
3139
+ }
3140
+ .mobius-explainer-card__product{
3141
+ margin:0;
3142
+ font-weight:var(--font-weight-bold);
3143
+ }
3144
+ .mobius-explainer-card__description{
3145
+ color:var(--color-text);
3146
+ margin:0;
3147
+ }
3148
+ .mobius-explainer-card__button{
3149
+ margin-top:var(--size-sm);
3150
+ align-self:flex-start;
3151
+ }
3116
3152
  .mobius-footer{
3117
3153
  background-color:var(--footer-background-color);
3118
3154
  padding:64px var(--size-sm) var(--size-lg);
@@ -6893,7 +6929,7 @@ svg:not(:host).svg-inline--mobius-icon{
6893
6929
  }
6894
6930
 
6895
6931
  100%{
6896
- transform:translateY(-100%);
6932
+ transform:translateY(-100vh);
6897
6933
  }
6898
6934
  }
6899
6935
  @keyframes fadeOut{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "2.16.0",
3
+ "version": "2.16.2",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -32,7 +32,7 @@
32
32
  "@simplybusiness/mobius-chatbot": "^2.2.22",
33
33
  "@simplybusiness/mobius-datepicker": "^8.0.2",
34
34
  "@simplybusiness/mobius-interventions": "^3.15.2",
35
- "@simplybusiness/mobius-journey": "^11.51.0",
35
+ "@simplybusiness/mobius-journey": "^12.0.0",
36
36
  "@simplybusiness/theme-core": "^7.14.24"
37
37
  },
38
38
  "devDependencies": {
package/src/index.css CHANGED
@@ -11,6 +11,8 @@
11
11
  @import "@simplybusiness/mobius-journey/src/components/CoverageSummary/QuoteSummary/QuoteSummary.css";
12
12
  @import "@simplybusiness/mobius-journey/src/components/CoverTogglesContainer/CoverTogglesContainer.css";
13
13
  @import "@simplybusiness/mobius-journey/src/components/ErrorBoundary/ErrorBoundary.css";
14
+ @import "@simplybusiness/mobius-journey/src/components/ExplainerCards/ExplainerCards.css";
15
+ @import "@simplybusiness/mobius-journey/src/components/ExplainerCards/ExplainerCard/ExplainerCard.css";
14
16
  @import "@simplybusiness/mobius-journey/src/components/Footer/Footer.css";
15
17
  @import "@simplybusiness/mobius-journey/src/components/Footer/MoneySuperMarketFooter/Footer.css";
16
18
  @import "@simplybusiness/mobius-journey/src/components/Footer/CompareTheMarketFooter/Footer.css";