@simplybusiness/theme-simplybusiness 1.29.0 → 1.29.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.29.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 5d5f750: Add footer specific css tokens
8
+ - Updated dependencies [604339d]
9
+ - Updated dependencies [5d5f750]
10
+ - @simplybusiness/mobius-journey@8.74.1
11
+
3
12
  ## 1.29.0
4
13
 
5
14
  ### Minor Changes
package/dist/index.css CHANGED
@@ -2863,9 +2863,18 @@ svg:not(:host).svg-inline--mobius-icon{
2863
2863
  text-align:center;
2864
2864
  }
2865
2865
  .mobius-footer{
2866
- background-color:var(--color-background-light);
2866
+ background-color:var(--footer-background-color);
2867
2867
  padding:64px var(--size-sm) var(--size-lg);
2868
2868
  }
2869
+ .mobius-footer .mobius-text{
2870
+ color:var(--footer-text-color);
2871
+ }
2872
+ .mobius-footer .mobius-link{
2873
+ color:var(--footer-link-color);
2874
+ }
2875
+ :is(.mobius-footer .mobius-link):hover,:is(.mobius-footer .mobius-link):active{
2876
+ color:var(--footer-link-hover-color);
2877
+ }
2869
2878
  .mobius-footer__content{
2870
2879
  display:grid;
2871
2880
  column-gap:var(--size-sm);
@@ -2925,9 +2934,6 @@ svg:not(:host).svg-inline--mobius-icon{
2925
2934
  right:0;
2926
2935
  color:var(--color-accent);
2927
2936
  }
2928
- .mobius-footer__opening-hours-container .mobius-text.small{
2929
- color:var(--color-text-medium);
2930
- }
2931
2937
  .mobius-footer__opening-hours-container[open]
2932
2938
  .mobius-footer__opening-hours-toggle-icon{
2933
2939
  transform:rotate(-180deg);
@@ -2980,7 +2986,6 @@ svg:not(:host).svg-inline--mobius-icon{
2980
2986
  }
2981
2987
  }
2982
2988
  .mobius-footer__address-entry.mobius-text.--is-small{
2983
- color:var(--color-text-medium);
2984
2989
  margin:0;
2985
2990
  }
2986
2991
  .mobius-footer__small-print{
@@ -5406,10 +5411,9 @@ svg:not(:host).svg-inline--mobius-icon{
5406
5411
  justify-content:center;
5407
5412
  align-items:center;
5408
5413
  flex-direction:row;
5409
- box-sizing:border-box;
5414
+ box-sizing:content-box;
5410
5415
  min-height:var(--size-lg);
5411
5416
  width:100%;
5412
- max-width:1004px;
5413
5417
  margin:0 auto;
5414
5418
  padding:10px var(--size-sm);
5415
5419
  }
@@ -5448,6 +5452,7 @@ svg:not(:host).svg-inline--mobius-icon{
5448
5452
  }
5449
5453
  .mobius-reward-banner.--is-raf::after{
5450
5454
  margin-left:100px;
5455
+ transform:scaleX(-1);
5451
5456
  }
5452
5457
  @media (max-width: 640px){
5453
5458
  .mobius-reward-banner__body{
@@ -7276,6 +7281,10 @@ svg:not(:host).svg-inline--mobius-icon{
7276
7281
  --radio-icon-color:var(--color-accent);
7277
7282
  --color-reward-banner-voucher-background:#00ad93;
7278
7283
  --color-reward-banner-raf-background:#00adcb;
7284
+ --footer-background-color:var(--color-background-light);
7285
+ --footer-text-color:var(--color-text-medium);
7286
+ --footer-link-color:var(--color-link);
7287
+ --footer-link-hover-color:var(--color-link-hover);
7279
7288
  }
7280
7289
  html,
7281
7290
  body{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "1.29.0",
3
+ "version": "1.29.1",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -30,7 +30,7 @@
30
30
  "@simplybusiness/mobius-chatbot": "^1.5.0",
31
31
  "@simplybusiness/mobius-datepicker": "^6.7.16",
32
32
  "@simplybusiness/mobius-interventions": "^1.79.3",
33
- "@simplybusiness/mobius-journey": "^8.74.0",
33
+ "@simplybusiness/mobius-journey": "^8.74.1",
34
34
  "@simplybusiness/theme-core": "^7.10.4"
35
35
  },
36
36
  "devDependencies": {
package/src/variables.css CHANGED
@@ -54,4 +54,10 @@
54
54
  /* Reward Banner */
55
55
  --color-reward-banner-voucher-background: #00ad93;
56
56
  --color-reward-banner-raf-background: #00adcb;
57
+
58
+ /* Footer */
59
+ --footer-background-color: var(--color-background-light);
60
+ --footer-text-color: var(--color-text-medium);
61
+ --footer-link-color: var(--color-link);
62
+ --footer-link-hover-color: var(--color-link-hover);
57
63
  }