@basic-ui/material 1.0.0-alpha.4 → 1.0.0-alpha.7
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/build/cjs/index.js +3 -5
- package/build/cjs/index.js.map +1 -1
- package/build/esm/AppBar/AppBarButton.d.ts +1 -1
- package/build/esm/Button/Button.d.ts +1 -1
- package/build/esm/Button/ButtonGroup.d.ts +1 -1
- package/build/esm/CheckBox/CheckBox.d.ts +1 -1
- package/build/esm/Chip/ButtonChip.d.ts +1 -1
- package/build/esm/Chip/ChoiceChip.d.ts +1 -1
- package/build/esm/Combobox/Combobox.d.ts +7 -7
- package/build/esm/Menu/Menu.d.ts +4 -4
- package/build/esm/NavRail/NavRailItem.d.ts +14 -0
- package/build/esm/NavRail/NavRailItem.js +140 -0
- package/build/esm/NavRail/NavRailItem.js.map +1 -0
- package/build/esm/NavRail/index.d.ts +1 -0
- package/build/esm/NavRail/index.js +2 -0
- package/build/esm/NavRail/index.js.map +1 -0
- package/build/esm/Ripple/useRippleSurface.d.ts +2 -2
- package/build/esm/Ripple/useRippleSurface.js +61 -58
- package/build/esm/Ripple/useRippleSurface.js.map +1 -1
- package/build/esm/Select/Select.d.ts +1 -1
- package/build/esm/SelectItem/SelectItem.d.ts +1 -1
- package/build/esm/Switch/Switch.d.ts +2 -3
- package/build/esm/Switch/Switch.js.map +1 -1
- package/build/esm/Tab/Tab.d.ts +1 -1
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/NavRail/NavRail.story.tsx +109 -0
- package/src/NavRail/NavRailItem.tsx +164 -0
- package/src/NavRail/index.ts +1 -0
- package/src/Ripple/useRippleSurface.ts +70 -58
- package/src/Switch/Switch.tsx +1 -1
package/build/cjs/index.js
CHANGED
|
@@ -1298,7 +1298,7 @@ function useRippleHandlers(opts) {
|
|
|
1298
1298
|
}, rest);
|
|
1299
1299
|
}
|
|
1300
1300
|
|
|
1301
|
-
function useRippleSurface(opts) {
|
|
1301
|
+
function useRippleSurface(opts = {}) {
|
|
1302
1302
|
let {
|
|
1303
1303
|
// eslint-disable-next-line prefer-const
|
|
1304
1304
|
baseOpacity = 0,
|
|
@@ -1336,8 +1336,7 @@ function useRippleSurface(opts) {
|
|
|
1336
1336
|
backgroundColor: rippleColor,
|
|
1337
1337
|
disabled
|
|
1338
1338
|
}, rippleProps));
|
|
1339
|
-
|
|
1340
|
-
const css$1 = _extends__default['default']({
|
|
1339
|
+
const css$1 = react$1.useMemo(() => _extends__default['default']({
|
|
1341
1340
|
overflow: 'hidden',
|
|
1342
1341
|
position: 'relative',
|
|
1343
1342
|
cursor: 'pointer',
|
|
@@ -1394,8 +1393,7 @@ function useRippleSurface(opts) {
|
|
|
1394
1393
|
'&::after': _extends__default['default']({}, rippleStyle({
|
|
1395
1394
|
animation
|
|
1396
1395
|
}))
|
|
1397
|
-
});
|
|
1398
|
-
|
|
1396
|
+
}), [animation, baseOpacity, focusOpacity, hoverOpacity, pressedOpacity, rippleColor, rippleEnabled]);
|
|
1399
1397
|
return {
|
|
1400
1398
|
style: _extends__default['default']({}, animationStyle, style),
|
|
1401
1399
|
onKeyDown: core.wrapEvent(onKeyDown, handleKeyDown),
|