@verdaccio/ui-components 4.0.0-next-8.1 → 4.0.0-next-8.2

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 (91) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/build/Theme/ResetStyles.js +4 -6
  3. package/build/components/ActionBar/ActionBarAction.js +4 -4
  4. package/build/components/Author/styles.js +3 -3
  5. package/build/components/CopyClipboard/CopyToClipBoard.js +3 -3
  6. package/build/components/Dependencies/DependencyBlock.js +4 -4
  7. package/build/components/Developers/Developers.js +4 -4
  8. package/build/components/Developers/Title.js +2 -2
  9. package/build/components/Distribution/styles.js +4 -4
  10. package/build/components/Engines/styles.js +3 -3
  11. package/build/components/Forbidden/Forbidden.js +3 -3
  12. package/build/components/FundButton/FundButton.js +6 -6
  13. package/build/components/Install/Install.js +3 -3
  14. package/build/components/Install/InstallListItem.js +3 -3
  15. package/build/components/Label/Label.js +2 -2
  16. package/build/components/Loading/Spinner/Spinner.js +3 -3
  17. package/build/components/Loading/styles.js +3 -3
  18. package/build/components/LoginDialog/LoginDialogFormError.js +5 -5
  19. package/build/components/LoginDialog/LoginDialogHeader.js +8 -8
  20. package/build/components/Logo/Logo.js +4 -4
  21. package/build/components/NotFound/NotFound.js +3 -3
  22. package/build/components/Package/Package.js +5 -5
  23. package/build/components/Package/styles.js +20 -20
  24. package/build/components/RawViewer/RawViewer.js +2 -2
  25. package/build/components/RegistryInfoDialog/styles.js +8 -8
  26. package/build/components/Repository/Repository.js +5 -5
  27. package/build/components/Search/SearchItem.js +11 -11
  28. package/build/components/Search/styles.js +7 -7
  29. package/build/components/SideBarTitle/SideBarTitle.js +7 -7
  30. package/build/components/UpLinks/styles.js +6 -6
  31. package/build/components/Versions/Versions.js +1 -1
  32. package/build/components/Versions/styles.js +4 -4
  33. package/build/sections/Footer/Footer.js +7 -7
  34. package/build/sections/Footer/styles.js +12 -12
  35. package/build/sections/Header/HeaderSettingsDialog.js +2 -2
  36. package/build/sections/Header/LanguageSwitch.js +5 -5
  37. package/build/sections/Header/RegistryInfoContent/styles.js +3 -3
  38. package/build/sections/Header/styles.js +19 -19
  39. package/build/src/Theme/theme.d.ts +14 -2
  40. package/build/src/components/Dependencies/DependencyBlock.d.ts +2 -1
  41. package/build/src/components/Loading/styles.d.ts +2 -1
  42. package/build/src/components/Package/styles.d.ts +4 -3
  43. package/build/src/components/RegistryInfoDialog/styles.d.ts +3 -2
  44. package/build/src/components/Search/styles.d.ts +2 -1
  45. package/build/src/components/UpLinks/styles.d.ts +3 -2
  46. package/build/src/components/Versions/styles.d.ts +3 -2
  47. package/build/src/sections/Footer/styles.d.ts +6 -5
  48. package/build/src/sections/Header/RegistryInfoContent/styles.d.ts +3 -2
  49. package/build/src/sections/Header/styles.d.ts +3 -2
  50. package/package.json +2 -2
  51. package/src/Theme/ResetStyles.tsx +4 -4
  52. package/src/Theme/theme.ts +15 -4
  53. package/src/components/ActionBar/ActionBarAction.tsx +3 -3
  54. package/src/components/Author/styles.ts +1 -1
  55. package/src/components/CopyClipboard/CopyToClipBoard.tsx +1 -1
  56. package/src/components/Dependencies/DependencyBlock.tsx +2 -2
  57. package/src/components/Deprecated/Deprecated.tsx +3 -1
  58. package/src/components/Developers/Developers.tsx +2 -2
  59. package/src/components/Developers/Title.tsx +1 -1
  60. package/src/components/Distribution/styles.ts +1 -1
  61. package/src/components/Engines/styles.ts +1 -1
  62. package/src/components/Forbidden/Forbidden.tsx +1 -1
  63. package/src/components/FundButton/FundButton.tsx +3 -3
  64. package/src/components/Install/Install.tsx +1 -1
  65. package/src/components/Install/InstallListItem.tsx +2 -1
  66. package/src/components/Keywords/Keywords.tsx +2 -1
  67. package/src/components/Label/Label.tsx +1 -1
  68. package/src/components/Loading/Spinner/Spinner.tsx +1 -1
  69. package/src/components/Loading/styles.ts +1 -1
  70. package/src/components/LoginDialog/LoginDialogFormError.tsx +3 -3
  71. package/src/components/LoginDialog/LoginDialogHeader.tsx +6 -6
  72. package/src/components/Logo/Logo.tsx +3 -3
  73. package/src/components/NotFound/NotFound.tsx +1 -1
  74. package/src/components/Package/Package.tsx +1 -1
  75. package/src/components/Package/styles.ts +8 -8
  76. package/src/components/RawViewer/RawViewer.tsx +5 -3
  77. package/src/components/RegistryInfoDialog/styles.ts +5 -5
  78. package/src/components/Repository/Repository.tsx +2 -2
  79. package/src/components/Search/SearchItem.tsx +6 -6
  80. package/src/components/Search/styles.ts +5 -5
  81. package/src/components/SideBarTitle/SideBarTitle.tsx +3 -3
  82. package/src/components/UpLinks/styles.ts +3 -3
  83. package/src/components/Versions/HistoryList.tsx +2 -1
  84. package/src/components/Versions/Versions.tsx +1 -1
  85. package/src/components/Versions/styles.ts +2 -2
  86. package/src/sections/Footer/Footer.tsx +2 -2
  87. package/src/sections/Footer/styles.ts +7 -7
  88. package/src/sections/Header/HeaderSettingsDialog.tsx +1 -1
  89. package/src/sections/Header/LanguageSwitch.tsx +3 -3
  90. package/src/sections/Header/RegistryInfoContent/styles.ts +1 -1
  91. package/src/sections/Header/styles.ts +9 -9
package/src/components/Versions/styles.ts CHANGED
@@ -6,7 +6,7 @@ import { Theme } from '../../Theme';
6
6
  export const Spacer = styled('div')<{ theme?: Theme }>(({ theme }) => ({
7
7
  flex: '1 1 auto',
8
8
  borderBottom: `1px dotted ${
9
- theme?.palette.mode == 'light' ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)'
9
+ theme.palette.mode == 'light' ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)'
10
10
  } `,
11
11
  whiteSpace: 'nowrap',
12
12
  height: '0.5em',
@@ -16,5 +16,5 @@ export const Spacer = styled('div')<{ theme?: Theme }>(({ theme }) => ({
16
16
  export const ListItemText = styled(MuiListItemText)<{ theme?: Theme }>(({ theme }) => ({
17
17
  flex: 'none',
18
18
  opacity: 0.6,
19
- color: theme?.palette.mode == 'light' ? theme?.palette.black : theme?.palette.white,
19
+ color: theme.palette.mode == 'light' ? theme.palette.black : theme.palette.white,
20
20
  }));
package/src/sections/Footer/Footer.tsx CHANGED
@@ -92,7 +92,7 @@ const Flags = styled('span')<{ theme?: Theme }>(({ theme }) => ({
92
92
  gridTemplateColumns: 'repeat(10, max-content)',
93
93
  gridGap: theme.spacing(0, 1),
94
94
  position: 'absolute',
95
- background: theme?.palette.greyAthens,
95
+ background: theme.palette.greyAthens,
96
96
  padding: '1px 4px',
97
97
  borderRadius: 3,
98
98
  height: 20,
@@ -106,7 +106,7 @@ const Flags = styled('span')<{ theme?: Theme }>(({ theme }) => ({
106
106
  left: -4,
107
107
  marginLeft: -5,
108
108
  border: '5px solid',
109
- borderColor: `${theme?.palette.greyAthens} transparent transparent transparent`,
109
+ borderColor: `${theme.palette.greyAthens} transparent transparent transparent`,
110
110
  transform: 'rotate(90deg)',
111
111
  },
112
112
  }));
package/src/sections/Footer/styles.ts CHANGED
@@ -3,9 +3,9 @@ import styled from '@emotion/styled';
3
3
  import { Theme } from '../../';
4
4
 
5
5
  export const Wrapper = styled('div')<{ theme?: Theme }>(({ theme }) => ({
6
- background: theme?.palette.mode === 'light' ? theme?.palette.snow : theme?.palette.cyanBlue,
7
- borderTop: `1px solid ${theme?.palette.greyGainsboro}`,
8
- color: theme?.palette.mode === 'dark' ? theme?.palette.white : theme?.palette.nobel01,
6
+ background: theme.palette.mode === 'light' ? theme.palette.snow : theme.palette.cyanBlue,
7
+ borderTop: `1px solid ${theme.palette.greyGainsboro}`,
8
+ color: theme.palette.mode === 'dark' ? theme.palette.white : theme.palette.nobel01,
9
9
  fontSize: '14px',
10
10
  padding: '20px',
11
11
  }));
@@ -17,13 +17,13 @@ export const Inner = styled('div')<{ theme?: Theme }>(({ theme }) => ({
17
17
  paddingLeft: 16,
18
18
  paddingRight: 16,
19
19
  width: '100%',
20
- [`@media (min-width: ${theme?.breakPoints.medium}px)`]: {
20
+ [`@media (min-width: ${theme.breakPoints.medium}px)`]: {
21
21
  minWidth: 400,
22
22
  maxWidth: 800,
23
23
  margin: 'auto',
24
24
  justifyContent: 'space-between',
25
25
  },
26
- [`@media (min-width: ${theme?.breakPoints.large}px)`]: {
26
+ [`@media (min-width: ${theme.breakPoints.large}px)`]: {
27
27
  maxWidth: 1240,
28
28
  },
29
29
  }));
@@ -31,7 +31,7 @@ export const Inner = styled('div')<{ theme?: Theme }>(({ theme }) => ({
31
31
  export const Left = styled('div')<{ theme?: Theme }>(({ theme }) => ({
32
32
  alignItems: 'center',
33
33
  display: 'none',
34
- [`@media (min-width: ${theme?.breakPoints.medium}px)`]: {
34
+ [`@media (min-width: ${theme.breakPoints.medium}px)`]: {
35
35
  display: 'flex',
36
36
  },
37
37
  marginLeft: 1,
@@ -43,6 +43,6 @@ export const Right = styled(Left)({
43
43
  });
44
44
 
45
45
  export const Love = styled('span')<{ theme?: Theme }>(({ theme }) => ({
46
- color: theme?.palette.love,
46
+ color: theme.palette.love,
47
47
  padding: '0 5px',
48
48
  }));
package/src/sections/Header/HeaderSettingsDialog.tsx CHANGED
@@ -43,7 +43,7 @@ function TabPanel(props) {
43
43
 
44
44
  const TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({
45
45
  padding: '10px 0',
46
- backgroundColor: theme?.palette.background.default,
46
+ backgroundColor: theme.palette.background.default,
47
47
  }));
48
48
 
49
49
  const HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {
package/src/sections/Header/LanguageSwitch.tsx CHANGED
@@ -12,9 +12,9 @@ import { Theme, useLanguage } from '../../';
12
12
 
13
13
  export const CardSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {
14
14
  return {
15
- backgroundColor: theme?.palette?.grey['600'],
15
+ backgroundColor: theme.palette.grey['600'],
16
16
  opacity: '0.9',
17
- color: theme?.palette?.error.contrastText,
17
+ color: theme.palette.error.contrastText,
18
18
  fontWeight: 'bold',
19
19
  };
20
20
  });
@@ -23,7 +23,7 @@ export const CardUnSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {
23
23
  return {
24
24
  cursor: 'pointer',
25
25
  ':hover': {
26
- backgroundColor: theme?.palette.greyGainsboro,
26
+ backgroundColor: theme.palette.greyGainsboro,
27
27
  },
28
28
  };
29
29
  });
package/src/sections/Header/RegistryInfoContent/styles.ts CHANGED
@@ -4,7 +4,7 @@ import { Theme } from '../../../';
4
4
 
5
5
  export const TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({
6
6
  paddingBottom: '10px',
7
- backgroundColor: theme?.palette.background.default,
7
+ backgroundColor: theme.palette.background.default,
8
8
  }));
9
9
 
10
10
  export const Description = styled('div')<{ theme?: Theme }>(() => ({
package/src/sections/Header/styles.ts CHANGED
@@ -19,15 +19,15 @@ export const Greetings = styled('span')({
19
19
  export const MobileNavBar = styled('div')<{ theme?: Theme }>((props) => ({
20
20
  alignItems: 'center',
21
21
  display: 'flex',
22
- borderBottom: `1px solid ${props.theme?.palette.greyLight}`,
22
+ borderBottom: `1px solid ${props.theme.palette.greyLight}`,
23
23
  padding: '8px',
24
24
  position: 'relative',
25
25
  }));
26
26
 
27
27
  export const InnerMobileNavBar = styled('div')<{ theme?: Theme }>((props) => ({
28
28
  borderRadius: '4px',
29
- backgroundColor: props.theme?.palette.greyLight,
30
- color: props.theme?.palette.white,
29
+ backgroundColor: props.theme.palette.greyLight,
30
+ color: props.theme.palette.white,
31
31
  width: '100%',
32
32
  padding: '0 5px',
33
33
  margin: '0 10px 0 0',
@@ -46,12 +46,12 @@ export const SearchWrapper = styled('div')({
46
46
 
47
47
  export const NavBar = styled(AppBar)<{ theme?: Theme }>(({ theme }) => ({
48
48
  backgroundColor:
49
- theme?.palette.mode === 'light' ? theme?.palette.primary.main : theme?.palette.cyanBlue,
50
- color: theme?.palette.white,
49
+ theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,
50
+ color: theme.palette.white,
51
51
  minHeight: 60,
52
52
  display: 'flex',
53
53
  justifyContent: 'center',
54
- [`@media (max-width: ${theme?.breakPoints.xsmall}px)`]: css`
54
+ [`@media (max-width: ${theme.breakPoints.xsmall}px)`]: css`
55
55
  ${InfoButton} {
56
56
  display: none;
57
57
  }
@@ -62,7 +62,7 @@ export const NavBar = styled(AppBar)<{ theme?: Theme }>(({ theme }) => ({
62
62
  display: none;
63
63
  }
64
64
  `,
65
- [`@media (min-width: ${theme?.breakPoints.medium}px)`]: css`
65
+ [`@media (min-width: ${theme.breakPoints.medium}px)`]: css`
66
66
  ${SearchWrapper} {
67
67
  display: flex;
68
68
  }
@@ -73,12 +73,12 @@ export const NavBar = styled(AppBar)<{ theme?: Theme }>(({ theme }) => ({
73
73
  display: none;
74
74
  }
75
75
  `,
76
- [`@media (min-width: ${theme?.breakPoints.large}px)`]: css`
76
+ [`@media (min-width: ${theme.breakPoints.large}px)`]: css`
77
77
  ${InnerNavBar} {
78
78
  padding: 0 16px;
79
79
  }
80
80
  `,
81
- [`@media (min-width: ${theme?.breakPoints.xlarge}px)`]: css`
81
+ [`@media (min-width: ${theme.breakPoints.xlarge}px)`]: css`
82
82
  ${InnerNavBar} {
83
83
  max-width: 1240px;
84
84
  width: 100%;