@simplybusiness/theme-simplybusiness 1.5.9 → 1.5.11

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,24 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.5.11
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [ea58026]
8
+ - Updated dependencies [5244c3e]
9
+ - Updated dependencies [df8631a]
10
+ - @simplybusiness/mobius-journey@6.33.0
11
+ - @simplybusiness/mobius@5.15.3
12
+ - @simplybusiness/mobius-datepicker@6.0.27
13
+ - @simplybusiness/theme-core@7.2.18
14
+
15
+ ## 1.5.10
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies [09b6c6d]
20
+ - @simplybusiness/mobius-journey@6.32.0
21
+
3
22
  ## 1.5.9
4
23
 
5
24
  ### Patch Changes
package/dist/index.css CHANGED
@@ -3477,8 +3477,12 @@ svg:not(:host).svg-inline--mobius-icon{
3477
3477
  .mobius-section__transition-exit-active{
3478
3478
  transition:all 200ms ease-in;
3479
3479
  }
3480
+ :root{
3481
+ interpolate-size:allow-keywords;
3482
+ }
3480
3483
  .mobius-collapsible{
3481
3484
  max-width:748px;
3485
+ --animation-duration:0.5s;
3482
3486
  }
3483
3487
  .mobius-collapsible__details{
3484
3488
  border:1px solid var(--color-border-medium);
@@ -3486,15 +3490,40 @@ svg:not(:host).svg-inline--mobius-icon{
3486
3490
  padding:var(--size-lg);
3487
3491
  margin-bottom:var(--size-lg);
3488
3492
  }
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;
3498
+ }
3499
+ .mobius-collapsible__details[open]::details-content{
3500
+ height:auto;
3501
+ }
3489
3502
  .mobius-collapsible__summary{
3490
3503
  list-style-type:"";
3504
+ display:flex;
3505
+ flex-direction:row;
3506
+ align-items:center;
3491
3507
  }
3492
3508
  .mobius-collapsible__summary [data-icon="tick"]{
3493
3509
  color:var(--color-valid);
3510
+ margin-right:10px;
3494
3511
  }
3495
3512
  .mobius-collapsible__summary .mobius-text{
3496
3513
  margin:0;
3497
3514
  }
3515
+ .mobius-collapsible__summary-content{
3516
+ display:grid;
3517
+ grid-template-columns:36px 1fr auto;
3518
+ align-items:center;
3519
+ width:100%;
3520
+ height:40px;
3521
+ }
3522
+ .mobius-collapsible__summary-header-icon{
3523
+ color:var(--color-accent);
3524
+ margin-right:10px;
3525
+ margin-bottom:2px;
3526
+ }
3498
3527
  .mobius-collapsible__content{
3499
3528
  margin-bottom:var(--size-lg);
3500
3529
  }
@@ -3619,6 +3648,7 @@ svg:not(:host).svg-inline--mobius-icon{
3619
3648
  margin-bottom:var(--size-xxl);
3620
3649
  }
3621
3650
  .mobius-section__title{
3651
+ max-width:748px;
3622
3652
  color:var(--color-text);
3623
3653
  font-size:var(--font-size-small-title);
3624
3654
  line-height:var(--line-height-tight);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "1.5.9",
3
+ "version": "1.5.11",
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.2",
30
- "@simplybusiness/mobius-datepicker": "^6.0.26",
31
- "@simplybusiness/mobius-journey": "^6.31.1",
32
- "@simplybusiness/theme-core": "^7.2.17"
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"
33
33
  },
34
34
  "devDependencies": {
35
35
  "css-loader": "^7.1.2",