@simplybusiness/theme-simplybusiness 2.7.1 → 2.8.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 (4) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/index.css +66 -1
  3. package/package.json +7 -7
  4. package/src/index.css +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,35 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 2.8.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [022e44d]
8
+ - Updated dependencies [7ffe7aa]
9
+ - Updated dependencies [9116808]
10
+ - @simplybusiness/mobius-journey@11.12.0
11
+
12
+ ## 2.8.0
13
+
14
+ ### Minor Changes
15
+
16
+ - 3704ffe: Refactored Showcase UI/UX
17
+ - d1ad7db: Fetch trade image from chopin
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies [1927a07]
22
+ - Updated dependencies [3704ffe]
23
+ - Updated dependencies [0e4099c]
24
+ - Updated dependencies [ca20d3b]
25
+ - Updated dependencies [d1ad7db]
26
+ - @simplybusiness/mobius@6.8.0
27
+ - @simplybusiness/mobius-journey@11.11.0
28
+ - @simplybusiness/mobius-chatbot@2.1.0
29
+ - @simplybusiness/mobius-datepicker@7.2.0
30
+ - @simplybusiness/mobius-interventions@3.2.0
31
+ - @simplybusiness/theme-core@7.14.0
32
+
3
33
  ## 2.7.1
4
34
 
5
35
  ### Patch Changes
package/dist/index.css CHANGED
@@ -2586,7 +2586,7 @@ svg:not(:host).svg-inline--mobius-icon{
2586
2586
  --listbox-max-height:350px;
2587
2587
  --listbox-max-height-mobile:240px;
2588
2588
  --listbox-gap:4px;
2589
- --option-padding:var(--size-xs) var(--size-lg);
2589
+ --option-padding:var(--size-xs) var(--size-sm);
2590
2590
  --drawer-transition-duration:200ms;
2591
2591
  --modal-transition-duration:300ms;
2592
2592
  --backdrop-color:#18181d;
@@ -4129,7 +4129,11 @@ svg:not(:host).svg-inline--mobius-icon{
4129
4129
  border:2px solid var(--color-border-medium);
4130
4130
  border-radius:var(--radius-1);
4131
4131
  padding:var(--size-sm);
4132
+ transition:border-color 0.15s;
4132
4133
  }
4134
+ .mobius-section__personalised-cover-group.--is-active{
4135
+ border:2px solid var(--color-primary);
4136
+ }
4133
4137
  .mobius-section__personalised-cover-group.--is-invalid{
4134
4138
  border:2px solid var(--color-error);
4135
4139
  }
@@ -6310,6 +6314,67 @@ svg:not(:host).svg-inline--mobius-icon{
6310
6314
  width:100%;
6311
6315
  }
6312
6316
  }
6317
+ .showcase__image-wrapper{
6318
+ position:relative;
6319
+ background-size:cover;
6320
+ background-position:center center;
6321
+ border-radius:8px 8px 80px 80px;
6322
+ }
6323
+ @media screen and (max-width: 640px){
6324
+ .showcase__image-wrapper{
6325
+ flex-direction:column;
6326
+ padding-bottom:45%;
6327
+ width:100%;
6328
+ }
6329
+ }
6330
+ @media screen and (min-width: 641px){
6331
+ .showcase__image-wrapper{
6332
+ border-radius:160px 8px 8px 160px;
6333
+ order:2;
6334
+ flex-basis:240px;
6335
+ flex-shrink:0;
6336
+ }
6337
+ }
6338
+ .showcase__first{
6339
+ border-radius:var(--radius-2);
6340
+ box-shadow:0px 12px 24px 0px #00000029;
6341
+ display:flex;
6342
+ overflow:hidden;
6343
+ }
6344
+ @media screen and (max-width: 640px){
6345
+ .showcase__first{
6346
+ flex-direction:column;
6347
+ }
6348
+ }
6349
+ .showcase__group{
6350
+ display:flex;
6351
+ flex-direction:column;
6352
+ gap:var(--size-lg);
6353
+ margin:var(--size-lg) 0;
6354
+ }
6355
+ @media screen and (min-width: 641px){
6356
+ .showcase__group{
6357
+ flex-direction:row;
6358
+ }
6359
+ }
6360
+ .showcase__content{
6361
+ padding:32px 16px;
6362
+ padding-left:calc(var(--size-sm) + var(--title-decorator-width));
6363
+ }
6364
+ @media screen and (max-width: 640px){
6365
+ .showcase__content{
6366
+ order:1;
6367
+ padding:var(--size-lg);
6368
+ }
6369
+ }
6370
+ .showcase__heading{
6371
+ display:block;
6372
+ margin-bottom:var(--size-xs);
6373
+ margin-top:var(--size-md);
6374
+ color:var(--color-text);
6375
+ font-weight:600;
6376
+ text-transform:uppercase;
6377
+ }
6313
6378
  .mobius-payment-summary__styled-div{
6314
6379
  display:grid;
6315
6380
  row-gap:var(--size-sm);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "2.7.1",
3
+ "version": "2.8.1",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,12 +26,12 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^6.7.2",
30
- "@simplybusiness/mobius-chatbot": "^2.0.31",
31
- "@simplybusiness/mobius-datepicker": "^7.1.25",
32
- "@simplybusiness/mobius-interventions": "^3.1.3",
33
- "@simplybusiness/mobius-journey": "^11.10.0",
34
- "@simplybusiness/theme-core": "^7.13.22"
29
+ "@simplybusiness/mobius": "^6.8.0",
30
+ "@simplybusiness/mobius-chatbot": "^2.1.0",
31
+ "@simplybusiness/mobius-datepicker": "^7.2.0",
32
+ "@simplybusiness/mobius-interventions": "^3.2.0",
33
+ "@simplybusiness/mobius-journey": "^11.12.0",
34
+ "@simplybusiness/theme-core": "^7.14.0"
35
35
  },
36
36
  "devDependencies": {
37
37
  "build-scripts": "^1.0.2",
package/src/index.css CHANGED
@@ -91,6 +91,7 @@
91
91
  @import "@simplybusiness/mobius-journey/src/pages/Main.css";
92
92
  @import "@simplybusiness/mobius-journey/src/components/shared/PaymentElementCardForm/PaymentElementCardForm.css";
93
93
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/WindowLocks/WindowLocks.css";
94
+ @import "@simplybusiness/mobius-journey/src/components/Showcase/Showcase.css";
94
95
  /* Journey Components (payment summary, etc.) */
95
96
  @import "@simplybusiness/mobius-journey/src/components/shared/PersistentSummary/styles.css";
96
97
  @import "@simplybusiness/mobius-journey/src/components/shared/DialogueModal/DialogueModal.css";