@simplybusiness/theme-simplybusiness 1.5.11 → 1.5.12

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,19 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.5.12
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [1f54b5d]
8
+ - Updated dependencies [088cf5b]
9
+ - Updated dependencies [ffe6b10]
10
+ - Updated dependencies [21b4792]
11
+ - Updated dependencies [2aa115a]
12
+ - @simplybusiness/mobius-journey@6.34.0
13
+ - @simplybusiness/mobius@5.15.4
14
+ - @simplybusiness/mobius-datepicker@6.0.28
15
+ - @simplybusiness/theme-core@7.2.19
16
+
3
17
  ## 1.5.11
4
18
 
5
19
  ### Patch Changes
package/dist/index.css CHANGED
@@ -677,6 +677,8 @@ a.mobius-button:focus-visible,
677
677
  }
678
678
  .mobius-drawer__header button{
679
679
  color:var(--color-primary);
680
+ display:flex;
681
+ gap:var(--size-xs);
680
682
  }
681
683
  .mobius-drawer__header img{
682
684
  width:144px;
@@ -3487,15 +3489,20 @@ svg:not(:host).svg-inline--mobius-icon{
3487
3489
  .mobius-collapsible__details{
3488
3490
  border:1px solid var(--color-border-medium);
3489
3491
  border-radius:var(--radius-2);
3490
- padding:var(--size-lg);
3492
+ padding:var(--size-sm);
3491
3493
  margin-bottom:var(--size-lg);
3492
3494
  }
3493
- .mobius-collapsible__details::details-content{
3494
- overflow:hidden;
3495
- height:0;
3496
- transition:height var(--animation-duration), content-visibility var(--animation-duration);
3497
- transition-behavior:allow-discreet;
3495
+ @media (min-width: 600px){
3496
+ .mobius-collapsible__details{
3497
+ padding:var(--size-lg);
3498
3498
  }
3499
+ }
3500
+ .mobius-collapsible__details::details-content{
3501
+ overflow:clip;
3502
+ height:0;
3503
+ transition:height var(--animation-duration), content-visibility var(--animation-duration);
3504
+ transition-behavior:allow-discreet;
3505
+ }
3499
3506
  .mobius-collapsible__details[open]::details-content{
3500
3507
  height:auto;
3501
3508
  }
@@ -3511,13 +3518,30 @@ svg:not(:host).svg-inline--mobius-icon{
3511
3518
  }
3512
3519
  .mobius-collapsible__summary .mobius-text{
3513
3520
  margin:0;
3521
+ font-size:var(--font-size-4);
3522
+ }
3523
+ @media (min-width: 600px){
3524
+ .mobius-collapsible__summary > .mobius-text{
3525
+ font-size:var(--font-size-5);
3514
3526
  }
3527
+ }
3515
3528
  .mobius-collapsible__summary-content{
3516
3529
  display:grid;
3517
- grid-template-columns:36px 1fr auto;
3530
+ grid-template-columns:1fr auto;
3518
3531
  align-items:center;
3519
3532
  width:100%;
3520
- height:40px;
3533
+ min-height:40px;
3534
+ }
3535
+ .mobius-collapsible__summary-content svg{
3536
+ display:none;
3537
+ }
3538
+ @media (min-width: 600px){
3539
+ .mobius-collapsible__summary-content{
3540
+ grid-template-columns:36px 1fr auto;
3541
+ }
3542
+ .mobius-collapsible__summary-content svg{
3543
+ display:block;
3544
+ }
3521
3545
  }
3522
3546
  .mobius-collapsible__summary-header-icon{
3523
3547
  color:var(--color-accent);
@@ -3525,8 +3549,24 @@ svg:not(:host).svg-inline--mobius-icon{
3525
3549
  margin-bottom:2px;
3526
3550
  }
3527
3551
  .mobius-collapsible__content{
3528
- margin-bottom:var(--size-lg);
3552
+ display:grid;
3553
+ gap:var(--size-md);
3554
+ margin:var(--size-lg) 0;
3529
3555
  }
3556
+ :is(.mobius-collapsible__content .mobius-collapsible__content-blocks) p{
3557
+ margin:0;
3558
+ margin-bottom:var(--size-xxs);
3559
+ }
3560
+ .mobius-collapsible__content .mobius-list{
3561
+ list-style-type:initial;
3562
+ gap:var(--size-xxs);
3563
+ padding-left:var(--size-md);
3564
+ }
3565
+ .mobius-collapsible__content .mobius-list__item{
3566
+ background:none;
3567
+ padding-left:0;
3568
+ line-height:var(--line-height-normal);
3569
+ }
3530
3570
  .mobius-collapsible__actions .mobius-button{
3531
3571
  display:flex;
3532
3572
  gap:var(--size-xs);
@@ -3555,6 +3595,10 @@ svg:not(:host).svg-inline--mobius-icon{
3555
3595
  text-decoration:underline;
3556
3596
  text-underline-offset:var(--size-xxs);
3557
3597
  }
3598
+ .mobius-question__help-button{
3599
+ display:flex;
3600
+ gap:var(--size-xs);
3601
+ }
3558
3602
  .mobius-question__help-link-drawer .mobius-drawer__content{
3559
3603
  color:var(--color-text-medium);
3560
3604
  line-height:var(--line-height-normal);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "1.5.11",
3
+ "version": "1.5.12",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,10 +26,10 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^5.15.3",
30
- "@simplybusiness/mobius-datepicker": "^6.0.27",
31
- "@simplybusiness/mobius-journey": "^6.33.0",
32
- "@simplybusiness/theme-core": "^7.2.18"
29
+ "@simplybusiness/mobius": "^5.15.4",
30
+ "@simplybusiness/mobius-datepicker": "^6.0.28",
31
+ "@simplybusiness/mobius-journey": "^6.34.0",
32
+ "@simplybusiness/theme-core": "^7.2.19"
33
33
  },
34
34
  "devDependencies": {
35
35
  "css-loader": "^7.1.2",