@simplybusiness/theme-core 7.2.23 → 7.3.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,25 @@
1
1
  # Changelog
2
2
 
3
+ ## 7.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 74b3c30: Move PersistentCartPaymentOptions from journey-components to mobius
8
+ - Updated dependencies [a54330c]
9
+ - Updated dependencies [74b3c30]
10
+ - @simplybusiness/mobius@5.18.0
11
+
12
+ ## 7.3.0
13
+
14
+ ### Minor Changes
15
+
16
+ - a19a98d: Added `optionComponent` prop to `Combobox` component to allow customisation of how options are rendered. This allows for custom layouts, adding icons, or applying custom styling to individual options.
17
+
18
+ ### Patch Changes
19
+
20
+ - Updated dependencies [a19a98d]
21
+ - @simplybusiness/mobius@5.17.0
22
+
3
23
  ## 7.2.23
4
24
 
5
25
  ### Patch Changes
package/dist/index.css CHANGED
@@ -539,17 +539,17 @@ a.mobius-button:focus-visible,
539
539
 
540
540
  :root,
541
541
  :host{
542
- interpolate-size:allow-keywords;
543
542
  --combobox-border-color:#ccc;
544
543
  --combobox-group-color:var(--color-text);
545
544
  --combobox-group-background-color:#dad6f7;
546
545
  --combobox-selected-background-color:var(--color-primary);
547
- --listbox-height:200px;
546
+ --listbox-height:350px;
548
547
  --listbox-gap:4px;
549
548
  --option-padding:var(--size-xs) var(--size-lg);
550
549
  }
551
550
 
552
551
  .mobius-combobox{
552
+ interpolate-size:allow-keywords;
553
553
  position:relative;
554
554
  width:100%;
555
555
  }
@@ -567,7 +567,6 @@ a.mobius-button:focus-visible,
567
567
  border:1px solid var(--combobox-border-color);
568
568
  border-radius:var(--radius-1);
569
569
  box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
570
- max-height:var(--listbox-height);
571
570
  overflow-y:auto;
572
571
  height:0;
573
572
  opacity:0;
@@ -577,7 +576,7 @@ a.mobius-button:focus-visible,
577
576
 
578
577
  .mobius-combobox--is-expanded .mobius-combobox__list{
579
578
  opacity:1;
580
- height:auto;
579
+ height:var(--listbox-height);
581
580
  }
582
581
 
583
582
  .mobius-combobox__option{
@@ -719,7 +718,17 @@ a.mobius-button:focus-visible,
719
718
  height:var(--drawer-height);
720
719
  max-height:var(--drawer-height);
721
720
  transition:transform var(--drawer-transition-duration) ease-in-out;
721
+ padding-bottom:80px;
722
+ }
723
+
724
+ @supports (height: 100dvh){
725
+
726
+ .mobius-drawer.--top,.mobius-drawer.--bottom{
727
+ height:100dvh;
728
+ max-height:100dvh;
729
+ padding-bottom:0;
722
730
  }
731
+ }
723
732
 
724
733
  .mobius-drawer.--left,.mobius-drawer.--right{
725
734
  bottom:0;
@@ -728,6 +737,16 @@ a.mobius-button:focus-visible,
728
737
  height:100vh;
729
738
  max-height:100vh;
730
739
  transition:transform var(--drawer-transition-duration) ease-in-out;
740
+ padding-bottom:80px;
741
+ }
742
+
743
+ @supports (height: 100dvh){
744
+
745
+ .mobius-drawer.--left,.mobius-drawer.--right{
746
+ height:100dvh;
747
+ max-height:100dvh;
748
+ padding-bottom:0;
749
+ }
731
750
  }
732
751
 
733
752
  .mobius-drawer:not(.--should-transition){
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-core",
3
- "version": "7.2.23",
3
+ "version": "7.3.1",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,7 +26,7 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^5.16.0"
29
+ "@simplybusiness/mobius": "^5.18.0"
30
30
  },
31
31
  "devDependencies": {
32
32
  "css-loader": "^7.1.2",