@basic-ui/material 1.0.0-alpha.17 → 1.0.0-alpha.19

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.
Files changed (61) hide show
  1. package/build/cjs/index.js +19 -5
  2. package/build/cjs/index.js.map +1 -1
  3. package/build/esm/Alert/Alert.d.ts +1 -1
  4. package/build/esm/AppBar/AppBarButton.d.ts +1 -1
  5. package/build/esm/BottomSheet/BottomSheet.d.ts +1 -1
  6. package/build/esm/BottomSheet/BottomSheetSurface.d.ts +1 -1
  7. package/build/esm/Button/BaseButton.d.ts +1 -1
  8. package/build/esm/Button/BaseButton.js +1 -0
  9. package/build/esm/Button/BaseButton.js.map +1 -1
  10. package/build/esm/Button/Button.d.ts +1 -1
  11. package/build/esm/Button/ButtonGroup.d.ts +1 -1
  12. package/build/esm/Button/FilledButton.d.ts +1 -1
  13. package/build/esm/Button/OutlinedButton.d.ts +1 -1
  14. package/build/esm/Button/TransparentButton.d.ts +1 -1
  15. package/build/esm/CheckBox/CheckBox.d.ts +1 -1
  16. package/build/esm/Chip/ButtonChip.d.ts +1 -1
  17. package/build/esm/Chip/ChipBase.d.ts +1 -1
  18. package/build/esm/Chip/ChoiceChip.d.ts +1 -1
  19. package/build/esm/Combobox/Combobox.d.ts +7 -7
  20. package/build/esm/Dialog/Dialog.d.ts +1 -1
  21. package/build/esm/Dialog/DialogBackdrop.d.ts +1 -1
  22. package/build/esm/Dialog/DialogSurface.d.ts +1 -1
  23. package/build/esm/Dialog/Scrim.d.ts +1 -1
  24. package/build/esm/Divider/Divider.d.ts +1 -1
  25. package/build/esm/Link/Link.d.ts +1 -1
  26. package/build/esm/ListItem/ListItem.d.ts +1 -1
  27. package/build/esm/Menu/Menu.d.ts +7 -5
  28. package/build/esm/Menu/Menu.js +20 -6
  29. package/build/esm/Menu/Menu.js.map +1 -1
  30. package/build/esm/NavRail/NavRailItem.d.ts +3 -3
  31. package/build/esm/Paper/Paper.d.ts +1 -1
  32. package/build/esm/RadioButton/RadioGroup.d.ts +1 -1
  33. package/build/esm/Select/Select.d.ts +1 -1
  34. package/build/esm/Select/SelectIcon.d.ts +1 -1
  35. package/build/esm/SelectItem/SelectItem.d.ts +1 -1
  36. package/build/esm/SelectionControl/SelectionControlText.d.ts +1 -1
  37. package/build/esm/Skeleton/Skeleton.d.ts +1 -1
  38. package/build/esm/Slider/Slider.d.ts +6 -6
  39. package/build/esm/Slider/Slider.js +6 -6
  40. package/build/esm/Slider/Slider.js.map +1 -1
  41. package/build/esm/Snackbar/Snackbar.d.ts +1 -1
  42. package/build/esm/Switch/Switch.d.ts +1 -1
  43. package/build/esm/Tab/Tab.d.ts +1 -1
  44. package/build/esm/Tab/TabList.d.ts +1 -1
  45. package/build/esm/Tab/TabPanel.d.ts +1 -1
  46. package/build/esm/TabIndicator/TabIndicator.d.ts +1 -1
  47. package/build/esm/Table/TableHead.d.ts +1 -1
  48. package/build/esm/Table/TableRow.d.ts +1 -1
  49. package/build/esm/TextField/FilledContainer.d.ts +1 -1
  50. package/build/esm/TextField/HelperText.d.ts +1 -1
  51. package/build/esm/TextField/Input.d.ts +1 -1
  52. package/build/esm/TextField/TextField.d.ts +1 -1
  53. package/build/esm/ThemeExplorer/importGoogleFont.d.ts +4 -0
  54. package/build/esm/ThemeExplorer/importGoogleFont.js +25 -0
  55. package/build/esm/ThemeExplorer/importGoogleFont.js.map +1 -0
  56. package/build/esm/Tooltip/Tooltip.d.ts +1 -1
  57. package/build/tsconfig-build.tsbuildinfo +1 -1
  58. package/package.json +5 -5
  59. package/src/Button/BaseButton.tsx +1 -0
  60. package/src/Menu/Menu.tsx +14 -0
  61. package/src/Slider/Slider.tsx +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basic-ui/material",
3
- "version": "1.0.0-alpha.17",
3
+ "version": "1.0.0-alpha.19",
4
4
  "description": "Accessible React Components used as building blocks for UI patterns",
5
5
  "author": "Lucas Terra <lucasterra7@gmail.com>",
6
6
  "license": "MIT",
@@ -27,8 +27,8 @@
27
27
  "test": "echo \"Error: no test specified\" && exit 1"
28
28
  },
29
29
  "dependencies": {
30
- "@basic-ui/core": "^0.0.45",
31
- "@basic-ui/dynamic-theme": "^0.0.7",
30
+ "@basic-ui/core": "^0.0.47",
31
+ "@basic-ui/dynamic-theme": "^0.0.8",
32
32
  "@styled-system/should-forward-prop": "5.1.5",
33
33
  "@types/styled-system": "^5.1.10",
34
34
  "@types/styled-system__css": "^5.0.14",
@@ -36,7 +36,7 @@
36
36
  "styled-system": "^5.1.5"
37
37
  },
38
38
  "devDependencies": {
39
- "@basic-ui/color-picker": "^0.0.11",
39
+ "@basic-ui/color-picker": "^0.0.12",
40
40
  "@emotion/react": "11.9.0",
41
41
  "@emotion/styled": "11.8.1",
42
42
  "@material/material-color-utilities": "0.1.1",
@@ -52,5 +52,5 @@
52
52
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
53
53
  "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
54
54
  },
55
- "gitHead": "02f6a7c4ec2599cec8a87e0d0dd4680a5dea81c2"
55
+ "gitHead": "df48930923f035af2701c01a29722bea78a79581"
56
56
  }
package/src/Button/BaseButton.tsx CHANGED
@@ -38,6 +38,7 @@ export const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(
38
38
  touchAction: 'manipulation',
39
39
  userSelect: 'none',
40
40
  minWidth: 'auto',
41
+ whiteSpace: 'nowrap',
41
42
  '&::-moz-focus-inner': {
42
43
  border: 0,
43
44
  },
package/src/Menu/Menu.tsx CHANGED
@@ -6,12 +6,14 @@ import type {
6
6
  MenuItemProps as MenuItemPropsCore,
7
7
  MenuPopoverProps as MenuPopoverPropsCore,
8
8
  MenuProps as MenuPropsCore,
9
+ ContextMenuTriggerProps as ContextMenuTriggerPropsCore,
9
10
  } from '@basic-ui/core';
10
11
  import {
11
12
  MenuButton as MenuButtonCore,
12
13
  MenuList as _MenuListCore,
13
14
  MenuItem as MenuItemCore,
14
15
  MenuPopover as _MenuPopoverCore,
16
+ ContextMenuTrigger as ContextMenuTriggerCore,
15
17
  } from '@basic-ui/core';
16
18
  import { rem } from 'polished';
17
19
 
@@ -87,6 +89,18 @@ export const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(
87
89
  )
88
90
  );
89
91
 
92
+ /////////////////////////////////////////////////////
93
+ // ContextMenuTrigger
94
+
95
+ export type ContextMenuTriggerProps = BoxProps & ContextMenuTriggerPropsCore;
96
+
97
+ export const ContextMenuTrigger = forwardRef<
98
+ HTMLElement,
99
+ ContextMenuTriggerProps
100
+ >(({ as = 'div', ...props }, ref) => (
101
+ <ContextMenuTriggerCore as={Box} innerAs={as} ref={ref} {...props} />
102
+ ));
103
+
90
104
  /////////////////////////////////////////////////////
91
105
  // MenuPopover
92
106
 
package/src/Slider/Slider.tsx CHANGED
@@ -20,7 +20,6 @@ import { rem } from 'polished';
20
20
 
21
21
  import type { BoxProps } from '../Box';
22
22
  import { Box } from '../Box';
23
- import { alpha } from '../color';
24
23
  import type { RippleBoxProps } from '../Ripple';
25
24
  import { RippleBox } from '../Ripple';
26
25
 
@@ -154,9 +153,10 @@ export const SliderMarker = forwardRef<HTMLDivElement, SliderMarkerProps>(
154
153
  left: '50%',
155
154
  transform: 'translate(-50%, -50%)',
156
155
  },
157
- bg: alpha('primary', 0.8),
156
+ opacity: 0.38,
157
+ bg: 'on.surface-variant',
158
158
  '&[data-state="at-value"],&[data-state="under-value"]': {
159
- bg: alpha('on.primary', 0.8),
159
+ bg: 'on.primary',
160
160
  },
161
161
  ...__css,
162
162
  }}
@@ -180,7 +180,7 @@ export const SliderTrack = forwardRef<HTMLDivElement, SliderTrackProps>(
180
180
  __css={{
181
181
  position: 'relative',
182
182
  borderRadius: 'full',
183
- bg: alpha('primary', 0.38),
183
+ bg: 'surface-variant',
184
184
  '&[data-orientation="horizontal"]': {
185
185
  width: '100%',
186
186
  height: 'inherit',
@@ -230,10 +230,10 @@ export const SliderRange = forwardRef<HTMLDivElement, SliderRangeProps>(
230
230
  bottom: '0',
231
231
  top: '50%',
232
232
  '&[data-orientation="horizontal"]': {
233
- height: '150%',
233
+ height: '100%',
234
234
  },
235
235
  '&[data-orientation="vertical"]': {
236
- width: '150%',
236
+ width: '100%',
237
237
  },
238
238
  transform: 'translateY(-50%)',
239
239
  ...__css,