@auth0/quantum-product 1.5.9 → 1.5.11

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 (14) hide show
  1. package/avatar/avatar.js +1 -1
  2. package/button/button.d.ts +15 -2
  3. package/esm/avatar/avatar.js +1 -1
  4. package/esm/image-preview-field/image-preview-field.js +1 -1
  5. package/esm/input/outlined-input-overrides.js +1 -1
  6. package/esm/list/list-item/list-item-overrides.js +2 -1
  7. package/esm/status/status-dot/status-dot.js +1 -1
  8. package/icon-button/icon-button.d.ts +9 -0
  9. package/image-preview-field/image-preview-field.js +1 -1
  10. package/input/outlined-input-overrides.js +1 -1
  11. package/list/list-item/list-item-overrides.js +2 -1
  12. package/mui-type-overrides.d.ts +0 -26
  13. package/package.json +2 -2
  14. package/status/status-dot/status-dot.js +1 -1
package/avatar/avatar.js CHANGED
@@ -66,7 +66,7 @@ var Root = (0, styled_1.styled)('div', { name: avatar_classes_1.avatarComponentN
66
66
  } }, (ownerState.type === 'logo' && {
67
67
  backgroundColor: theme.mixins.getColorModeValue({
68
68
  light: 'transparent',
69
- dark: theme.tokens.color_bg_state_neutral,
69
+ dark: theme.unsafe_globalTokens.color_global_functional_static_neutral_white,
70
70
  }),
71
71
  // adding padding due to the addition of a background for some.
72
72
  padding: theme.palette.mode === 'dark' ? theme.spacing(0.25) : undefined,
package/button/button.d.ts CHANGED
@@ -5,7 +5,7 @@ import { ISpinnerProps } from '../spinner';
5
5
  export declare const buttonComponentName: "QuantumButton";
6
6
  export { buttonClasses };
7
7
  export interface IButtonTypeMap<P = {}, D extends React.ElementType = 'button'> {
8
- props: P & Omit<MuiButtonProps, 'disableFocusRipple' | 'disableElevation' | 'disableRipple' | 'disableTouchRipple' | 'component' | 'variant'> & {
8
+ props: P & Omit<MuiButtonProps, 'disableFocusRipple' | 'disableElevation' | 'disableRipple' | 'disableTouchRipple' | 'component'> & {
9
9
  isLoading?: boolean;
10
10
  component?: React.ElementType;
11
11
  target?: string;
@@ -13,7 +13,6 @@ export interface IButtonTypeMap<P = {}, D extends React.ElementType = 'button'>
13
13
  /** Alternative to using `props.children`. This is a convenience prop for other components using an `action` prop */
14
14
  label?: React.ReactNode;
15
15
  SpinnerProps?: Partial<ISpinnerProps>;
16
- variant?: 'link' | 'outlined' | 'contained';
17
16
  };
18
17
  defaultComponent: D;
19
18
  }
@@ -26,3 +25,17 @@ export interface IExtendButtonTypeMap<M extends OverridableTypeMap> {
26
25
  export declare type ExtendButton<M extends OverridableTypeMap> = ((props: OverrideProps<IExtendButtonTypeMap<M>, 'button'>) => JSX.Element) & OverridableComponent<IExtendButtonTypeMap<M>>;
27
26
  export declare type IButtonProps<D extends React.ElementType = IButtonTypeMap['defaultComponent'], P = {}> = OverrideProps<IButtonTypeMap<P, D>, D>;
28
27
  export declare const Button: OverridableComponent<IButtonTypeMap<{}, "button">>;
28
+ declare module '@mui/material/Button' {
29
+ interface ButtonPropsColorOverrides {
30
+ danger: true;
31
+ default: true;
32
+ error: false;
33
+ secondary: false;
34
+ success: false;
35
+ warning: false;
36
+ }
37
+ interface ButtonPropsVariantOverrides {
38
+ link: true;
39
+ text: false;
40
+ }
41
+ }
package/esm/avatar/avatar.js CHANGED
@@ -37,7 +37,7 @@ var Root = styled('div', { name: avatarComponentName, slot: 'Root' })(function (
37
37
  } }, (ownerState.type === 'logo' && {
38
38
  backgroundColor: theme.mixins.getColorModeValue({
39
39
  light: 'transparent',
40
- dark: theme.tokens.color_bg_state_neutral,
40
+ dark: theme.unsafe_globalTokens.color_global_functional_static_neutral_white,
41
41
  }),
42
42
  // adding padding due to the addition of a background for some.
43
43
  padding: theme.palette.mode === 'dark' ? theme.spacing(0.25) : undefined,
package/esm/image-preview-field/image-preview-field.js CHANGED
@@ -48,7 +48,7 @@ var imagePreviewFieldComponentName = 'QuantumImagePreviewField';
48
48
  var PreviewWrapper = styled('div', { name: imagePreviewFieldComponentName, slot: 'Preview' })(function (_a) {
49
49
  var theme = _a.theme, ownerState = _a.ownerState;
50
50
  return ({
51
- border: "1px solid ".concat(theme.tokens.color_border_bold),
51
+ border: "1px solid ".concat(theme.tokens.color_border_input),
52
52
  borderRadius: theme.shape.borderRadius,
53
53
  borderBottomLeftRadius: 0,
54
54
  borderBottomRightRadius: 0,
package/esm/input/outlined-input-overrides.js CHANGED
@@ -37,7 +37,7 @@ export var createMuiOutlinedInputOverrides = function (_a) {
37
37
  _b["&:hover .".concat(outlinedInputClasses.notchedOutline)] = {
38
38
  borderColor: tokens.color_border_input_hover,
39
39
  },
40
- _b["&.".concat(outlinedInputClasses.focused, " .").concat(outlinedInputClasses.notchedOutline)] = __assign({ borderWidth: 2 }, mixins.focusRing()),
40
+ _b["&.".concat(outlinedInputClasses.focused, " .").concat(outlinedInputClasses.notchedOutline)] = __assign({ borderWidth: 2, borderColor: tokens.color_border_focus_bold }, mixins.focusRing()),
41
41
  _b["&.".concat(outlinedInputClasses.focused, ":hover .").concat(outlinedInputClasses.notchedOutline)] = __assign({ borderColor: tokens.color_border_focus_bold }, mixins.focusRing()),
42
42
  _b["&.".concat(outlinedInputClasses.error, " .").concat(outlinedInputClasses.notchedOutline)] = {
43
43
  borderColor: tokens.color_border_state_danger,
package/esm/list/list-item/list-item-overrides.js CHANGED
@@ -13,7 +13,8 @@ export var createMuiListItemOverrides = function (_a) {
13
13
  }
14
14
  },
15
15
  _b["&.".concat(listItemClasses.selected)] = {
16
- backgroundColor: tokens.color_bg_interactive_pressed,
16
+ backgroundColor: tokens.color_bg_selected_subtle,
17
+ color: tokens.color_fg_selected,
17
18
  },
18
19
  _b),
19
20
  button: {
package/esm/status/status-dot/status-dot.js CHANGED
@@ -44,7 +44,7 @@ var Dot = styled('span', { name: statusDotComponentName, slot: 'Dot' })(function
44
44
  warning: {
45
45
  backgroundColor: theme.tokens.color_fg_state_caution,
46
46
  },
47
- error: {
47
+ danger: {
48
48
  backgroundColor: theme.tokens.color_fg_state_danger,
49
49
  },
50
50
  }[color]));
package/icon-button/icon-button.d.ts CHANGED
@@ -21,3 +21,12 @@ export interface IExtendIconButtonTypeMap<M extends OverridableTypeMap> {
21
21
  export declare type ExtendIconButton<M extends OverridableTypeMap> = ((props: OverrideProps<IExtendIconButtonTypeMap<M>, 'button'>) => JSX.Element) & OverridableComponent<IExtendIconButtonTypeMap<M>>;
22
22
  export declare type IIconButtonProps<D extends React.ElementType = IIconButtonTypeMap['defaultComponent'], P = {}> = OverrideProps<IIconButtonTypeMap<P, D>, D>;
23
23
  export declare const IconButton: OverridableComponent<IIconButtonTypeMap<{}, "button">>;
24
+ declare module '@mui/material/IconButton' {
25
+ interface IconButtonPropsColorOverrides {
26
+ danger: true;
27
+ error: false;
28
+ secondary: false;
29
+ success: false;
30
+ warning: false;
31
+ }
32
+ }
package/image-preview-field/image-preview-field.js CHANGED
@@ -74,7 +74,7 @@ var imagePreviewFieldComponentName = 'QuantumImagePreviewField';
74
74
  var PreviewWrapper = (0, styled_1.styled)('div', { name: imagePreviewFieldComponentName, slot: 'Preview' })(function (_a) {
75
75
  var theme = _a.theme, ownerState = _a.ownerState;
76
76
  return ({
77
- border: "1px solid ".concat(theme.tokens.color_border_bold),
77
+ border: "1px solid ".concat(theme.tokens.color_border_input),
78
78
  borderRadius: theme.shape.borderRadius,
79
79
  borderBottomLeftRadius: 0,
80
80
  borderBottomRightRadius: 0,
package/input/outlined-input-overrides.js CHANGED
@@ -40,7 +40,7 @@ var createMuiOutlinedInputOverrides = function (_a) {
40
40
  _b["&:hover .".concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = {
41
41
  borderColor: tokens.color_border_input_hover,
42
42
  },
43
- _b["&.".concat(OutlinedInput_1.outlinedInputClasses.focused, " .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = __assign({ borderWidth: 2 }, mixins.focusRing()),
43
+ _b["&.".concat(OutlinedInput_1.outlinedInputClasses.focused, " .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = __assign({ borderWidth: 2, borderColor: tokens.color_border_focus_bold }, mixins.focusRing()),
44
44
  _b["&.".concat(OutlinedInput_1.outlinedInputClasses.focused, ":hover .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = __assign({ borderColor: tokens.color_border_focus_bold }, mixins.focusRing()),
45
45
  _b["&.".concat(OutlinedInput_1.outlinedInputClasses.error, " .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = {
46
46
  borderColor: tokens.color_border_state_danger,
package/list/list-item/list-item-overrides.js CHANGED
@@ -16,7 +16,8 @@ var createMuiListItemOverrides = function (_a) {
16
16
  }
17
17
  },
18
18
  _b["&.".concat(ListItem_1.listItemClasses.selected)] = {
19
- backgroundColor: tokens.color_bg_interactive_pressed,
19
+ backgroundColor: tokens.color_bg_selected_subtle,
20
+ color: tokens.color_fg_selected,
20
21
  },
21
22
  _b),
22
23
  button: {
package/mui-type-overrides.d.ts CHANGED
@@ -258,32 +258,6 @@ declare module '@mui/material/styles/createMixins' {
258
258
  }
259
259
  }
260
260
 
261
- declare module '@mui/material/Button' {
262
- interface ButtonPropsColorOverrides {
263
- danger: true;
264
- default: true;
265
- error: false;
266
- secondary: false;
267
- success: false;
268
- warning: false;
269
- }
270
-
271
- interface ButtonPropsVariantOverrides {
272
- link: true;
273
- text: false;
274
- }
275
- }
276
-
277
- declare module '@mui/material/IconButton' {
278
- interface IconButtonPropsColorOverrides {
279
- danger: true;
280
- error: false;
281
- secondary: false;
282
- success: false;
283
- warning: false;
284
- }
285
- }
286
-
287
261
  declare module '@mui/material/Badge' {
288
262
  interface BadgePropsColorOverrides {
289
263
  danger: true;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@auth0/quantum-product",
3
- "version": "1.5.9",
3
+ "version": "1.5.11",
4
4
  "sideEffects": false,
5
5
  "license": "Apache-2.0",
6
6
  "publishConfig": {
@@ -16,7 +16,7 @@
16
16
  "main": "./index.js",
17
17
  "types": "./index.d.ts",
18
18
  "dependencies": {
19
- "@auth0/quantum-tokens": "^1.1.4",
19
+ "@auth0/quantum-tokens": "^1.1.5",
20
20
  "@mui/material": "5.8.7",
21
21
  "@mui/styles": "5.8.7",
22
22
  "@mui/system": "5.8.7",
package/status/status-dot/status-dot.js CHANGED
@@ -73,7 +73,7 @@ var Dot = (0, styled_1.styled)('span', { name: status_dot_classes_1.statusDotCom
73
73
  warning: {
74
74
  backgroundColor: theme.tokens.color_fg_state_caution,
75
75
  },
76
- error: {
76
+ danger: {
77
77
  backgroundColor: theme.tokens.color_fg_state_danger,
78
78
  },
79
79
  }[color]));