@simplybusiness/theme-core 7.2.23 → 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 +11 -0
- package/dist/index.css +3 -4
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
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
|
+
|
|
3
14
|
## 7.2.23
|
|
4
15
|
|
|
5
16
|
### 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:
|
|
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:
|
|
579
|
+
height:var(--listbox-height);
|
|
581
580
|
}
|
|
582
581
|
|
|
583
582
|
.mobius-combobox__option{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simplybusiness/theme-core",
|
|
3
|
-
"version": "7.
|
|
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.
|
|
29
|
+
"@simplybusiness/mobius": "^5.17.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"css-loader": "^7.1.2",
|