Skip to content
Permalink

Comparing changes

This is a direct comparison between two commits made in this repository or its related repositories. View the default comparison for this range or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: mui/material-ui
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 7803c4b826119ab139d6cd7f96e627498ccba2b9
Choose a base ref
..
head repository: mui/material-ui
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: 64ba470ef7268ae7caeb1800fb8d30e5e1deb760
Choose a head ref
Showing with 448 additions and 514 deletions.
  1. +1 −1 apps/pigment-css-next-app/package.json
  2. +5 −5 docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js
  3. +5 −5 docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx
  4. +5 −5 docs/data/base/components/autocomplete/ControlledStates.js
  5. +5 −5 docs/data/base/components/autocomplete/ControlledStates.tsx
  6. +5 −5 docs/data/base/components/autocomplete/UseAutocomplete.js
  7. +5 −5 docs/data/base/components/autocomplete/UseAutocomplete.tsx
  8. +5 −5 docs/data/base/components/autocomplete/UseAutocompletePopper.js
  9. +5 −5 docs/data/base/components/autocomplete/UseAutocompletePopper.tsx
  10. +1 −1 docs/data/base/components/badge/AccessibleBadges.js
  11. +1 −1 docs/data/base/components/badge/AccessibleBadges.tsx
  12. +1 −1 docs/data/base/components/badge/BadgeMax.js
  13. +1 −1 docs/data/base/components/badge/BadgeMax.tsx
  14. +2 −2 docs/data/base/components/badge/BadgeVisibility.js
  15. +2 −2 docs/data/base/components/badge/BadgeVisibility.tsx
  16. +1 −1 docs/data/base/components/badge/ShowZeroBadge.js
  17. +1 −1 docs/data/base/components/badge/ShowZeroBadge.tsx
  18. +1 −1 docs/data/base/components/badge/UnstyledBadge/system/index.js
  19. +1 −1 docs/data/base/components/badge/UnstyledBadge/system/index.tsx
  20. +1 −3 docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.js
  21. +1 −3 docs/data/base/components/badge/UnstyledBadgeIntroduction/system/index.tsx
  22. +2 −1 docs/data/base/components/button/UnstyledButtonCustom.js
  23. +2 −1 docs/data/base/components/button/UnstyledButtonCustom.tsx
  24. +1 −1 docs/data/base/components/form-control/BasicFormControl/system/index.js
  25. +1 −1 docs/data/base/components/form-control/BasicFormControl/system/index.tsx
  26. +2 −2 docs/data/base/components/form-control/FormControlFunctionChild.js
  27. +2 −2 docs/data/base/components/form-control/FormControlFunctionChild.tsx
  28. +2 −2 docs/data/base/components/input/InputAdornments.js
  29. +2 −2 docs/data/base/components/input/InputAdornments.tsx
  30. +3 −3 docs/data/base/components/input/InputMultiline.js
  31. +3 −3 docs/data/base/components/input/InputMultiline.tsx
  32. +3 −3 docs/data/base/components/input/InputMultilineAutosize.js
  33. +3 −3 docs/data/base/components/input/InputMultilineAutosize.tsx
  34. +3 −3 docs/data/base/components/input/OTPInput.js
  35. +3 −3 docs/data/base/components/input/OTPInput.tsx
  36. +2 −2 docs/data/base/components/input/UnstyledInputBasic/system/index.js
  37. +2 −2 docs/data/base/components/input/UnstyledInputBasic/system/index.tsx
  38. +2 −2 docs/data/base/components/input/UnstyledInputIntroduction/system/index.js
  39. +2 −2 docs/data/base/components/input/UnstyledInputIntroduction/system/index.tsx
  40. +2 −2 docs/data/base/components/input/UseInput.js
  41. +2 −2 docs/data/base/components/input/UseInput.tsx
  42. +1 −2 docs/data/base/components/menu/MenuIntroduction/system/index.js
  43. +1 −2 docs/data/base/components/menu/MenuIntroduction/system/index.tsx
  44. +1 −2 docs/data/base/components/menu/MenuSimple/system/index.js
  45. +1 −2 docs/data/base/components/menu/MenuSimple/system/index.tsx
  46. +1 −2 docs/data/base/components/menu/MenuTransitions.js
  47. +1 −2 docs/data/base/components/menu/MenuTransitions.tsx
  48. +1 −2 docs/data/base/components/menu/WrappedMenuItems.js
  49. +1 −2 docs/data/base/components/menu/WrappedMenuItems.tsx
  50. +1 −1 docs/data/base/components/modal/NestedModal.js
  51. +1 −1 docs/data/base/components/modal/NestedModal.tsx
  52. +2 −6 docs/data/base/components/number-input/NumberInputAdornments.js
  53. +2 −6 docs/data/base/components/number-input/NumberInputAdornments.tsx
  54. +5 −2 docs/data/base/components/number-input/NumberInputBasic/system/index.js
  55. +5 −2 docs/data/base/components/number-input/NumberInputBasic/system/index.tsx
  56. +5 −15 docs/data/base/components/number-input/NumberInputIntroduction/system/index.js
  57. +5 −15 docs/data/base/components/number-input/NumberInputIntroduction/system/index.tsx
  58. +1 −1 docs/data/base/components/number-input/QuantityInput.js
  59. +1 −1 docs/data/base/components/number-input/QuantityInput.tsx
  60. +4 −2 docs/data/base/components/number-input/UseNumberInput.js
  61. +4 −2 docs/data/base/components/number-input/UseNumberInput.tsx
  62. +2 −6 docs/data/base/components/number-input/UseNumberInputCompact.js
  63. +2 −6 docs/data/base/components/number-input/UseNumberInputCompact.tsx
  64. +1 −1 docs/data/base/components/popper/SimplePopper.js
  65. +1 −1 docs/data/base/components/popper/SimplePopper.tsx
  66. +1 −0 docs/data/base/components/popper/UnstyledPopperBasic/system/index.js
  67. +1 −0 docs/data/base/components/popper/UnstyledPopperBasic/system/index.tsx
  68. +1 −0 docs/data/base/components/popup/AnimatedPopup.js
  69. +1 −0 docs/data/base/components/popup/AnimatedPopup.tsx
  70. +1 −0 docs/data/base/components/popup/DisabledPortalPopup.js
  71. +1 −0 docs/data/base/components/popup/DisabledPortalPopup.tsx
  72. +1 −0 docs/data/base/components/popup/SimplePopup.js
  73. +1 −0 docs/data/base/components/popup/SimplePopup.tsx
  74. +1 −0 docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.js
  75. +1 −0 docs/data/base/components/popup/UnstyledPopupIntroduction/system/index.tsx
  76. +2 −3 docs/data/base/components/select/UnstyledSelectBasic/system/index.js
  77. +2 −3 docs/data/base/components/select/UnstyledSelectBasic/system/index.tsx
  78. +2 −3 docs/data/base/components/select/UnstyledSelectControlled.js
  79. +2 −3 docs/data/base/components/select/UnstyledSelectControlled.tsx
  80. +2 −3 docs/data/base/components/select/UnstyledSelectCustomRenderValue.js
  81. +2 −3 docs/data/base/components/select/UnstyledSelectCustomRenderValue.tsx
  82. +3 −4 docs/data/base/components/select/UnstyledSelectForm.js
  83. +3 −4 docs/data/base/components/select/UnstyledSelectForm.tsx
  84. +2 −3 docs/data/base/components/select/UnstyledSelectGrouping.js
  85. +2 −3 docs/data/base/components/select/UnstyledSelectGrouping.tsx
  86. +2 −3 docs/data/base/components/select/UnstyledSelectIntroduction/system/index.js
  87. +2 −3 docs/data/base/components/select/UnstyledSelectIntroduction/system/index.tsx
  88. +2 −3 docs/data/base/components/select/UnstyledSelectMultiple.js
  89. +2 −3 docs/data/base/components/select/UnstyledSelectMultiple.tsx
  90. +2 −3 docs/data/base/components/select/UnstyledSelectObjectValues.js
  91. +2 −3 docs/data/base/components/select/UnstyledSelectObjectValues.tsx
  92. +3 −3 docs/data/base/components/select/UnstyledSelectObjectValuesForm.js
  93. +3 −3 docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx
  94. +2 −3 docs/data/base/components/select/UnstyledSelectRichOptions.js
  95. +2 −3 docs/data/base/components/select/UnstyledSelectRichOptions.tsx
  96. +2 −3 docs/data/base/components/select/UnstyledSelectTransitions.js
  97. +2 −3 docs/data/base/components/select/UnstyledSelectTransitions.tsx
  98. +3 −5 docs/data/base/components/select/UseSelect.js
  99. +3 −5 docs/data/base/components/select/UseSelect.tsx
  100. +1 −1 docs/data/base/components/slider/DiscreteSlider.js
  101. +1 −1 docs/data/base/components/slider/DiscreteSlider.tsx
  102. +1 −1 docs/data/base/components/slider/DiscreteSliderMarks.js
  103. +1 −1 docs/data/base/components/slider/DiscreteSliderMarks.tsx
  104. +1 −1 docs/data/base/components/slider/DiscreteSliderValues.js
  105. +1 −1 docs/data/base/components/slider/DiscreteSliderValues.tsx
  106. +2 −3 docs/data/base/components/slider/LabeledValuesSlider.js
  107. +2 −3 docs/data/base/components/slider/LabeledValuesSlider.tsx
  108. +0 −3 docs/data/base/components/slider/VerticalSlider.js
  109. +0 −3 docs/data/base/components/slider/VerticalSlider.tsx
  110. +1 −1 docs/data/base/components/snackbar/TransitionComponentSnackbar.js
  111. +1 −1 docs/data/base/components/snackbar/TransitionComponentSnackbar.tsx
  112. +0 −1 docs/data/base/components/snackbar/UnstyledSnackbar/system/index.js
  113. +0 −1 docs/data/base/components/snackbar/UnstyledSnackbar/system/index.tsx
  114. +1 −2 docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/system/index.js
  115. +1 −2 docs/data/base/components/snackbar/UnstyledSnackbarIntroduction/system/index.tsx
  116. +0 −1 docs/data/base/components/snackbar/UseSnackbar.js
  117. +0 −1 docs/data/base/components/snackbar/UseSnackbar.tsx
  118. +3 −3 docs/data/base/components/switch/UnstyledSwitchIntroduction/system/index.js
  119. +3 −3 docs/data/base/components/switch/UnstyledSwitchIntroduction/system/index.tsx
  120. +2 −2 docs/data/base/components/switch/UnstyledSwitches.js
  121. +2 −2 docs/data/base/components/switch/UnstyledSwitches.tsx
  122. +4 −3 docs/data/base/components/switch/UseSwitchesBasic.js
  123. +4 −3 docs/data/base/components/switch/UseSwitchesBasic.tsx
  124. +1 −1 docs/data/base/components/table-pagination/TableCustomized.js
  125. +1 −1 docs/data/base/components/table-pagination/TableCustomized.tsx
  126. +2 −2 docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/system/index.js
  127. +2 −2 docs/data/base/components/table-pagination/UnstyledPaginationIntroduction/system/index.tsx
  128. +2 −3 docs/data/base/components/tabs/KeyboardNavigation.js
  129. +2 −3 docs/data/base/components/tabs/KeyboardNavigation.tsx
  130. +2 −3 docs/data/base/components/tabs/UnstyledTabsCustomized/system/index.js
  131. +2 −3 docs/data/base/components/tabs/UnstyledTabsCustomized/system/index.tsx
  132. +2 −3 docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.js
  133. +2 −3 docs/data/base/components/tabs/UnstyledTabsIntroduction/system/index.tsx
  134. +2 −3 docs/data/base/components/tabs/UnstyledTabsRouting.js
  135. +2 −3 docs/data/base/components/tabs/UnstyledTabsRouting.tsx
  136. +2 −3 docs/data/base/components/tabs/UnstyledTabsVertical.js
  137. +2 −3 docs/data/base/components/tabs/UnstyledTabsVertical.tsx
  138. +2 −2 docs/data/base/components/textarea-autosize/EmptyTextarea.js
  139. +2 −2 docs/data/base/components/textarea-autosize/EmptyTextarea.tsx
  140. +2 −2 docs/data/base/components/textarea-autosize/MaxHeightTextarea.js
  141. +2 −2 docs/data/base/components/textarea-autosize/MaxHeightTextarea.tsx
  142. +2 −2 docs/data/base/components/textarea-autosize/MinHeightTextarea.js
  143. +2 −2 docs/data/base/components/textarea-autosize/MinHeightTextarea.tsx
  144. +3 −3 docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.js
  145. +3 −3 docs/data/base/components/textarea-autosize/UnstyledTextarea/system/index.tsx
  146. +2 −2 docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction/system/index.js
  147. +2 −2 docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction/system/index.tsx
  148. +2 −4 docs/data/base/getting-started/accessibility/KeyboardNavigation.js
  149. +2 −4 docs/data/base/getting-started/accessibility/KeyboardNavigation.tsx
  150. +2 −2 docs/data/material/components/autocomplete/CustomizedHook.js
  151. +2 −2 docs/data/material/components/autocomplete/CustomizedHook.tsx
  152. +2 −2 docs/package.json
  153. +3 −3 docs/pages/experiments/base/components-gallery.tsx
  154. +4 −1 docs/pages/experiments/base/menu.tsx
  155. +2 −3 docs/pages/experiments/base/tabs.tsx
  156. +1 −0 docs/src/components/productBaseUI/BaseUIThemesDemo.tsx
  157. +3 −3 package.json
  158. +1 −1 packages-internal/scripts/package.json
  159. +1 −1 packages/api-docs-builder-core/package.json
  160. +1 −1 packages/api-docs-builder/package.json
  161. +1 −1 packages/mui-docs/package.json
  162. +10 −4 packages/mui-material/src/Select/Select.d.ts
  163. +1 −1 packages/mui-utils/package.json
  164. +1 −1 packages/rsc-builder/package.json
  165. +116 −115 pnpm-lock.yaml
2 changes: 1 addition & 1 deletion apps/pigment-css-next-app/package.json
Original file line number Diff line number Diff line change
@@ -24,7 +24,7 @@
},
"devDependencies": {
"@pigment-css/nextjs-plugin": "0.0.27",
"@types/node": "^20.17.6",
"@types/node": "^20.17.7",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"eslint": "^8.57.1",
Original file line number Diff line number Diff line change
@@ -146,7 +146,7 @@ const StyledAutocompleteRoot = styled('div')(
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
box-shadow: 0px 2px 4px ${
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.5)' : 'rgba(0,0,0, 0.05)'
};
display: flex;
@@ -210,7 +210,7 @@ const StyledListbox = styled('ul')(
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
box-shadow: 0px 4px 6px ${
box-shadow: 0 4px 6px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.3)' : 'rgba(0,0,0, 0.05)'
};
`,
@@ -231,7 +231,7 @@ const StyledOption = styled('li')(
cursor: pointer;
}
&[aria-selected=true] {
&[aria-selected="true"] {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
@@ -246,8 +246,8 @@ const StyledOption = styled('li')(
box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
}
&[aria-selected=true].Mui-focused,
&[aria-selected=true].Mui-focusVisible {
&[aria-selected="true"].Mui-focused,
&[aria-selected="true"].Mui-focusVisible {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
Original file line number Diff line number Diff line change
@@ -130,7 +130,7 @@ const StyledAutocompleteRoot = styled('div')(
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
box-shadow: 0px 2px 4px ${
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.5)' : 'rgba(0,0,0, 0.05)'
};
display: flex;
@@ -194,7 +194,7 @@ const StyledListbox = styled('ul')(
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
box-shadow: 0px 4px 6px ${
box-shadow: 0 4px 6px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.3)' : 'rgba(0,0,0, 0.05)'
};
`,
@@ -215,7 +215,7 @@ const StyledOption = styled('li')(
cursor: pointer;
}
&[aria-selected=true] {
&[aria-selected="true"] {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
@@ -230,8 +230,8 @@ const StyledOption = styled('li')(
box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
}
&[aria-selected=true].Mui-focused,
&[aria-selected=true].Mui-focusVisible {
&[aria-selected="true"].Mui-focused,
&[aria-selected="true"].Mui-focusVisible {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
10 changes: 5 additions & 5 deletions docs/data/base/components/autocomplete/ControlledStates.js
Original file line number Diff line number Diff line change
@@ -86,7 +86,7 @@ const AutocompleteRoot = styled('div')(
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
box-shadow: 0px 2px 4px ${
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.5)' : 'rgba(0,0,0, 0.05)'
};
display: flex;
@@ -145,7 +145,7 @@ const Listbox = styled('ul')(
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
box-shadow: 0px 4px 6px ${
box-shadow: 0 4px 6px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
};
`,
@@ -166,7 +166,7 @@ const Option = styled('li')(
cursor: pointer;
}
&[aria-selected=true] {
&[aria-selected="true"] {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
@@ -181,8 +181,8 @@ const Option = styled('li')(
box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
}
&[aria-selected=true].Mui-focused,
&[aria-selected=true].Mui-focusVisible {
&[aria-selected="true"].Mui-focused,
&[aria-selected="true"].Mui-focusVisible {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
10 changes: 5 additions & 5 deletions docs/data/base/components/autocomplete/ControlledStates.tsx
Original file line number Diff line number Diff line change
@@ -86,7 +86,7 @@ const AutocompleteRoot = styled('div')(
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
box-shadow: 0px 2px 4px ${
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.5)' : 'rgba(0,0,0, 0.05)'
};
display: flex;
@@ -145,7 +145,7 @@ const Listbox = styled('ul')(
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
box-shadow: 0px 4px 6px ${
box-shadow: 0 4px 6px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
};
`,
@@ -166,7 +166,7 @@ const Option = styled('li')(
cursor: pointer;
}
&[aria-selected=true] {
&[aria-selected="true"] {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
@@ -181,8 +181,8 @@ const Option = styled('li')(
box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
}
&[aria-selected=true].Mui-focused,
&[aria-selected=true].Mui-focusVisible {
&[aria-selected="true"].Mui-focused,
&[aria-selected="true"].Mui-focusVisible {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
10 changes: 5 additions & 5 deletions docs/data/base/components/autocomplete/UseAutocomplete.js
Original file line number Diff line number Diff line change
@@ -77,7 +77,7 @@ const Root = styled('div')(
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
box-shadow: 0px 2px 4px ${
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.5)' : 'rgba(0,0,0, 0.05)'
};
display: flex;
@@ -134,7 +134,7 @@ const Listbox = styled('ul')(
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
box-shadow: 0px 2px 3px ${
box-shadow: 0 2px 3px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
};
`,
@@ -155,7 +155,7 @@ const Option = styled('li')(
cursor: pointer;
}
&[aria-selected=true] {
&[aria-selected="true"] {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
@@ -170,8 +170,8 @@ const Option = styled('li')(
box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
}
&[aria-selected=true].Mui-focused,
&[aria-selected=true].Mui-focusVisible {
&[aria-selected="true"].Mui-focused,
&[aria-selected="true"].Mui-focusVisible {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
10 changes: 5 additions & 5 deletions docs/data/base/components/autocomplete/UseAutocomplete.tsx
Original file line number Diff line number Diff line change
@@ -79,7 +79,7 @@ const Root = styled('div')(
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
box-shadow: 0px 2px 4px ${
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.5)' : 'rgba(0,0,0, 0.05)'
};
display: flex;
@@ -136,7 +136,7 @@ const Listbox = styled('ul')(
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
box-shadow: 0px 2px 3px ${
box-shadow: 0 2px 3px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
};
`,
@@ -157,7 +157,7 @@ const Option = styled('li')(
cursor: pointer;
}
&[aria-selected=true] {
&[aria-selected="true"] {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
@@ -172,8 +172,8 @@ const Option = styled('li')(
box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
}
&[aria-selected=true].Mui-focused,
&[aria-selected=true].Mui-focusVisible {
&[aria-selected="true"].Mui-focused,
&[aria-selected="true"].Mui-focusVisible {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
10 changes: 5 additions & 5 deletions docs/data/base/components/autocomplete/UseAutocompletePopper.js
Original file line number Diff line number Diff line change
@@ -94,7 +94,7 @@ const Root = styled('div')(
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
box-shadow: 0px 2px 4px ${
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.5)' : 'rgba(0,0,0, 0.05)'
};
display: flex;
@@ -158,7 +158,7 @@ const Listbox = styled('ul')(
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
box-shadow: 0px 4px 6px ${
box-shadow: 0 4px 6px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
};
`,
@@ -179,7 +179,7 @@ const Option = styled('li')(
cursor: pointer;
}
&[aria-selected=true] {
&[aria-selected="true"] {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
@@ -194,8 +194,8 @@ const Option = styled('li')(
box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
}
&[aria-selected=true].Mui-focused,
&[aria-selected=true].Mui-focusVisible {
&[aria-selected="true"].Mui-focused,
&[aria-selected="true"].Mui-focusVisible {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
10 changes: 5 additions & 5 deletions docs/data/base/components/autocomplete/UseAutocompletePopper.tsx
Original file line number Diff line number Diff line change
@@ -102,7 +102,7 @@ const Root = styled('div')(
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[500]};
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
box-shadow: 0px 2px 4px ${
box-shadow: 0 2px 4px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.5)' : 'rgba(0,0,0, 0.05)'
};
display: flex;
@@ -166,7 +166,7 @@ const Listbox = styled('ul')(
background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]};
color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
box-shadow: 0px 4px 6px ${
box-shadow: 0 4px 6px ${
theme.palette.mode === 'dark' ? 'rgba(0,0,0, 0.50)' : 'rgba(0,0,0, 0.05)'
};
`,
@@ -187,7 +187,7 @@ const Option = styled('li')(
cursor: pointer;
}
&[aria-selected=true] {
&[aria-selected="true"] {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
@@ -202,8 +202,8 @@ const Option = styled('li')(
box-shadow: 0 0 0 3px ${theme.palette.mode === 'dark' ? blue[500] : blue[200]};
}
&[aria-selected=true].Mui-focused,
&[aria-selected=true].Mui-focusVisible {
&[aria-selected="true"].Mui-focused,
&[aria-selected="true"].Mui-focusVisible {
background-color: ${theme.palette.mode === 'dark' ? blue[900] : blue[100]};
color: ${theme.palette.mode === 'dark' ? blue[100] : blue[900]};
}
2 changes: 1 addition & 1 deletion docs/data/base/components/badge/AccessibleBadges.js
Original file line number Diff line number Diff line change
@@ -67,7 +67,7 @@ const Badge = styled(BaseBadge)(
text-align: center;
border-radius: 12px;
background: ${blue[500]};
box-shadow: 0px 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
box-shadow: 0 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
transform: translate(50%, -50%);
transform-origin: 100% 0;
}
2 changes: 1 addition & 1 deletion docs/data/base/components/badge/AccessibleBadges.tsx
Original file line number Diff line number Diff line change
@@ -67,7 +67,7 @@ const Badge = styled(BaseBadge)(
text-align: center;
border-radius: 12px;
background: ${blue[500]};
box-shadow: 0px 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
box-shadow: 0 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
transform: translate(50%, -50%);
transform-origin: 100% 0;
}
2 changes: 1 addition & 1 deletion docs/data/base/components/badge/BadgeMax.js
Original file line number Diff line number Diff line change
@@ -64,7 +64,7 @@ const Badge = styled(BaseBadge)(
text-align: center;
border-radius: 12px;
background: ${blue[500]};
box-shadow: 0px 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
box-shadow: 0 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
transform: translate(50%, -50%);
transform-origin: 100% 0;
}
2 changes: 1 addition & 1 deletion docs/data/base/components/badge/BadgeMax.tsx
Original file line number Diff line number Diff line change
@@ -64,7 +64,7 @@ const Badge = styled(BaseBadge)(
text-align: center;
border-radius: 12px;
background: ${blue[500]};
box-shadow: 0px 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
box-shadow: 0 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
transform: translate(50%, -50%);
transform-origin: 100% 0;
}
4 changes: 2 additions & 2 deletions docs/data/base/components/badge/BadgeVisibility.js
Original file line number Diff line number Diff line change
@@ -57,7 +57,7 @@ const Badge = styled(BaseBadge)(
text-align: center;
border-radius: 12px;
background: ${blue[500]};
box-shadow: 0px 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
box-shadow: 0 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
transform: translate(50%, -50%);
transform-origin: 100% 0;
}
@@ -89,7 +89,7 @@ const StyledButton = styled(Button)(
}
&.${buttonClasses.focusVisible} {
box-shadow: 0 3px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 4px rgba(0, 127, 255, 0.5);
box-shadow: 0 3px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 4px rgb(0 127 255 / 0.5);
outline: none;
}
`,
4 changes: 2 additions & 2 deletions docs/data/base/components/badge/BadgeVisibility.tsx
Original file line number Diff line number Diff line change
@@ -57,7 +57,7 @@ const Badge = styled(BaseBadge)(
text-align: center;
border-radius: 12px;
background: ${blue[500]};
box-shadow: 0px 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
box-shadow: 0 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
transform: translate(50%, -50%);
transform-origin: 100% 0;
}
@@ -89,7 +89,7 @@ const StyledButton = styled(Button)(
}
&.${buttonClasses.focusVisible} {
box-shadow: 0 3px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 4px rgba(0, 127, 255, 0.5);
box-shadow: 0 3px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 4px rgb(0 127 255 / 0.5);
outline: none;
}
`,
2 changes: 1 addition & 1 deletion docs/data/base/components/badge/ShowZeroBadge.js
Original file line number Diff line number Diff line change
@@ -62,7 +62,7 @@ const Badge = styled(BaseBadge)(
text-align: center;
border-radius: 12px;
background: ${blue[500]};
box-shadow: 0px 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
box-shadow: 0 4px 6x ${theme.palette.mode === 'dark' ? grey[900] : grey[300]};
transform: translate(50%, -50%);
transform-origin: 100% 0;
}
Loading