@simplybusiness/theme-core 7.2.22 → 7.3.0

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,23 @@
1
1
  # Changelog
2
2
 
3
+ ## 7.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 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.
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [a19a98d]
12
+ - @simplybusiness/mobius@5.17.0
13
+
14
+ ## 7.2.23
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies [50a3417]
19
+ - @simplybusiness/mobius@5.16.0
20
+
3
21
  ## 7.2.22
4
22
 
5
23
  ### Patch Changes
package/dist/index.css CHANGED
@@ -512,6 +512,7 @@ a.mobius-button:focus-visible,
512
512
 
513
513
  .mobius-checkbox-group{
514
514
  display:grid;
515
+ gap:var(--size-xs);
515
516
  }
516
517
 
517
518
  .mobius-checkbox-group .mobius-checkbox-group__wrapper{
@@ -538,17 +539,17 @@ a.mobius-button:focus-visible,
538
539
 
539
540
  :root,
540
541
  :host{
541
- interpolate-size:allow-keywords;
542
542
  --combobox-border-color:#ccc;
543
543
  --combobox-group-color:var(--color-text);
544
544
  --combobox-group-background-color:#dad6f7;
545
545
  --combobox-selected-background-color:var(--color-primary);
546
- --listbox-height:200px;
546
+ --listbox-height:350px;
547
547
  --listbox-gap:4px;
548
548
  --option-padding:var(--size-xs) var(--size-lg);
549
549
  }
550
550
 
551
551
  .mobius-combobox{
552
+ interpolate-size:allow-keywords;
552
553
  position:relative;
553
554
  width:100%;
554
555
  }
@@ -566,7 +567,6 @@ a.mobius-button:focus-visible,
566
567
  border:1px solid var(--combobox-border-color);
567
568
  border-radius:var(--radius-1);
568
569
  box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
569
- max-height:var(--listbox-height);
570
570
  overflow-y:auto;
571
571
  height:0;
572
572
  opacity:0;
@@ -576,7 +576,7 @@ a.mobius-button:focus-visible,
576
576
 
577
577
  .mobius-combobox--is-expanded .mobius-combobox__list{
578
578
  opacity:1;
579
- height:auto;
579
+ height:var(--listbox-height);
580
580
  }
581
581
 
582
582
  .mobius-combobox__option{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-core",
3
- "version": "7.2.22",
3
+ "version": "7.3.0",
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.15.7"
29
+ "@simplybusiness/mobius": "^5.17.0"
30
30
  },
31
31
  "devDependencies": {
32
32
  "css-loader": "^7.1.2",