@simplybusiness/theme-simplybusiness 2.9.0 → 2.10.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 2.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - f61acc7: Added Tertiary Text Support to Q2Q
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [349b3c1]
12
+ - Updated dependencies [a24035f]
13
+ - Updated dependencies [f61acc7]
14
+ - Updated dependencies [f83a9d5]
15
+ - Updated dependencies [dc3c2ca]
16
+ - Updated dependencies [79de1bc]
17
+ - Updated dependencies [d0e138c]
18
+ - Updated dependencies [6af1b2a]
19
+ - @simplybusiness/mobius-journey@11.16.0
20
+
3
21
  ## 2.9.0
4
22
 
5
23
  ### Minor Changes
package/dist/index.css CHANGED
@@ -4171,6 +4171,12 @@ svg:not(:host).svg-inline--mobius-icon{
4171
4171
  margin-top:0;
4172
4172
  margin-bottom:var(--size-sm);
4173
4173
  }
4174
+ .mobius-question__tertiary-text{
4175
+ color:var(--color-text-medium);
4176
+ font-size:var(--question-tertiary-text-font-size);
4177
+ margin-top:0;
4178
+ margin-bottom:var(--size-sm);
4179
+ }
4174
4180
  .mobius-address-lookup__container{
4175
4181
  display:grid;
4176
4182
  gap:var(--size-sm);
@@ -6309,6 +6315,59 @@ svg:not(:host).svg-inline--mobius-icon{
6309
6315
  width:100%;
6310
6316
  }
6311
6317
  }
6318
+ .mobius-showcase-explore{
6319
+ flex:1;
6320
+ min-width:0;
6321
+ background-color:var(--color-background);
6322
+ border:1px solid var(--color-border);
6323
+ border-radius:var(--radius-2);
6324
+ box-shadow:0px 12px 24px 0px #00000012;
6325
+ padding:var(--size-lg);
6326
+ display:flex;
6327
+ flex-direction:column;
6328
+ gap:var(--size-md);
6329
+ }
6330
+ @media screen and (min-width: 641px){
6331
+ .mobius-showcase-explore{
6332
+ padding:var(--size-xl);
6333
+ }
6334
+ }
6335
+ .mobius-showcase-explore__title{
6336
+ margin:0;
6337
+ color:var(--color-text);
6338
+ }
6339
+ .mobius-showcase-explore__subtitle{
6340
+ margin:0;
6341
+ font-weight:600;
6342
+ text-transform:uppercase;
6343
+ color:var(--color-text-light);
6344
+ }
6345
+ .mobius-showcase-explore__list{
6346
+ margin:0;
6347
+ padding-left:var(--size-lg);
6348
+ color:var(--color-text);
6349
+ }
6350
+ .mobius-showcase-explore__list-item{
6351
+ color:var(--color-text);
6352
+ }
6353
+ .mobius-showcase-explore__cta{
6354
+ margin-top:auto;
6355
+ align-self:flex-start;
6356
+ }
6357
+ .mobius-showcase__layout{
6358
+ flex-direction:column;
6359
+ width:100%;
6360
+ }
6361
+ @media screen and (min-width: 641px){
6362
+ .mobius-showcase__layout{
6363
+ align-items:flex-start;
6364
+ flex-direction:row;
6365
+ }
6366
+ }
6367
+ .mobius-showcase{
6368
+ flex:2;
6369
+ min-width:0;
6370
+ }
6312
6371
  .mobius-showcase__image-wrapper{
6313
6372
  position:relative;
6314
6373
  overflow:hidden;
@@ -7936,6 +7995,7 @@ input[type="date"]::-webkit-datetime-edit-year-field{
7936
7995
  --footer-link-hover-color:var(--color-link-hover);
7937
7996
  --question-label-font-size:var(--font-size-lead);
7938
7997
  --question-secondary-text-font-size:var(--font-size-regular);
7998
+ --question-tertiary-text-font-size:var(--font-size-small-paragraph);
7939
7999
  }
7940
8000
  html,
7941
8001
  body{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "2.9.0",
3
+ "version": "2.10.0",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -30,7 +30,7 @@
30
30
  "@simplybusiness/mobius-chatbot": "^2.2.0",
31
31
  "@simplybusiness/mobius-datepicker": "^7.3.0",
32
32
  "@simplybusiness/mobius-interventions": "^3.3.0",
33
- "@simplybusiness/mobius-journey": "^11.15.0",
33
+ "@simplybusiness/mobius-journey": "^11.16.0",
34
34
  "@simplybusiness/theme-core": "^7.14.2"
35
35
  },
36
36
  "devDependencies": {
package/src/variables.css CHANGED
@@ -67,4 +67,5 @@
67
67
  /* Question label font sizes */
68
68
  --question-label-font-size: var(--font-size-lead);
69
69
  --question-secondary-text-font-size: var(--font-size-regular);
70
+ --question-tertiary-text-font-size: var(--font-size-small-paragraph);
70
71
  }