@graphcommerce/next-ui 10.1.0-canary.19 → 10.1.0-canary.21
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 +8 -0
- package/Theme/MuiFab.ts +4 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 10.1.0-canary.21
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#2633](https://github.com/graphcommerce-org/graphcommerce/pull/2633) [`7554ad4`](https://github.com/graphcommerce-org/graphcommerce/commit/7554ad479cf78d790eeedd3f862c5d57403bda51) - Fix: `<Fab variant="extended">` no longer gets a fixed `width` from `MuiFabSizes`. The size-based width/height variants are now scoped to `variant: 'circular'` only, so extended Fabs can grow with their label (controlled via `min-width` instead) as MUI intends. Previously every extended Fab without an explicit `size` matched the default `large` rule and was forced to 54px wide. ([@paales](https://github.com/paales))
|
|
8
|
+
|
|
9
|
+
## 10.1.0-canary.20
|
|
10
|
+
|
|
3
11
|
## 10.1.0-canary.19
|
|
4
12
|
|
|
5
13
|
## 10.1.0-canary.18
|
package/Theme/MuiFab.ts
CHANGED
|
@@ -80,11 +80,14 @@ const sizes: FabSize[] = [
|
|
|
80
80
|
/**
|
|
81
81
|
* This defines the sizes for the added responsive variant.
|
|
82
82
|
*
|
|
83
|
+
* Only applied to circular (default) Fabs — extended Fabs must keep `width: auto` and rely on their
|
|
84
|
+
* content + `min-width`, otherwise they collapse to a fixed square regardless of label.
|
|
85
|
+
*
|
|
83
86
|
* To override the sizes, please do not add variant declarations direcly, but modify
|
|
84
87
|
* `yourTheme.components.MuiFabExtra.sizes` instead.
|
|
85
88
|
*/
|
|
86
89
|
export const MuiFabSizes: FabVariants = sizes.map((size) => ({
|
|
87
|
-
props: { size },
|
|
90
|
+
props: { size, variant: 'circular' },
|
|
88
91
|
style: ({ theme }) => fabWidthHeight(size, theme),
|
|
89
92
|
}))
|
|
90
93
|
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@graphcommerce/next-ui",
|
|
3
3
|
"homepage": "https://www.graphcommerce.org/",
|
|
4
4
|
"repository": "github:graphcommerce-org/graphcommerce",
|
|
5
|
-
"version": "10.1.0-canary.
|
|
5
|
+
"version": "10.1.0-canary.21",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"prettier": "@graphcommerce/prettier-config-pwa",
|
|
8
8
|
"eslintConfig": {
|
|
@@ -43,13 +43,13 @@
|
|
|
43
43
|
"@emotion/react": "^11.14.0",
|
|
44
44
|
"@emotion/server": "^11.11.0",
|
|
45
45
|
"@emotion/styled": "^11.14.1",
|
|
46
|
-
"@graphcommerce/eslint-config-pwa": "^10.1.0-canary.
|
|
47
|
-
"@graphcommerce/framer-next-pages": "^10.1.0-canary.
|
|
48
|
-
"@graphcommerce/framer-scroller": "^10.1.0-canary.
|
|
49
|
-
"@graphcommerce/framer-utils": "^10.1.0-canary.
|
|
50
|
-
"@graphcommerce/image": "^10.1.0-canary.
|
|
51
|
-
"@graphcommerce/prettier-config-pwa": "^10.1.0-canary.
|
|
52
|
-
"@graphcommerce/typescript-config-pwa": "^10.1.0-canary.
|
|
46
|
+
"@graphcommerce/eslint-config-pwa": "^10.1.0-canary.21",
|
|
47
|
+
"@graphcommerce/framer-next-pages": "^10.1.0-canary.21",
|
|
48
|
+
"@graphcommerce/framer-scroller": "^10.1.0-canary.21",
|
|
49
|
+
"@graphcommerce/framer-utils": "^10.1.0-canary.21",
|
|
50
|
+
"@graphcommerce/image": "^10.1.0-canary.21",
|
|
51
|
+
"@graphcommerce/prettier-config-pwa": "^10.1.0-canary.21",
|
|
52
|
+
"@graphcommerce/typescript-config-pwa": "^10.1.0-canary.21",
|
|
53
53
|
"@lingui/core": "^5",
|
|
54
54
|
"@lingui/macro": "^5",
|
|
55
55
|
"@lingui/react": "^5",
|