@scality/core-ui 0.197.0 → 0.199.0

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 (11) hide show
  1. package/dist/components/icon/iconTable.d.ts +1 -0
  2. package/dist/components/icon/iconTable.d.ts.map +1 -1
  3. package/dist/components/icon/iconTable.js +1 -0
  4. package/dist/components/navbar/Navbar.component.js +3 -3
  5. package/dist/style/theme.d.ts +1 -0
  6. package/dist/style/theme.d.ts.map +1 -1
  7. package/dist/style/theme.js +4 -0
  8. package/package.json +1 -1
  9. package/src/lib/components/icon/iconTable.ts +2 -0
  10. package/src/lib/components/navbar/Navbar.component.tsx +3 -3
  11. package/src/lib/style/theme.ts +5 -0
package/dist/components/icon/iconTable.d.ts CHANGED
@@ -134,5 +134,6 @@ export declare const iconTable: {
134
134
  ThumbsDown: string;
135
135
  Sidebar: string;
136
136
  Bookopen: string;
137
+ Book: string;
137
138
  };
138
139
  //# sourceMappingURL=iconTable.d.ts.map
package/dist/components/icon/iconTable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"iconTable.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/iconTable.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgIrB,CAAC"}
1
+ {"version":3,"file":"iconTable.d.ts","sourceRoot":"","sources":["../../../src/lib/components/icon/iconTable.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIrB,CAAC"}
package/dist/components/icon/iconTable.js CHANGED
@@ -134,4 +134,5 @@ export const iconTable = {
134
134
  ThumbsDown: 'far faThumbsDown',
135
135
  Sidebar: 'fas faTableColumns',
136
136
  Bookopen: 'fas faBookOpen',
137
+ Book: 'fas faBook',
137
138
  };
package/dist/components/navbar/Navbar.component.js CHANGED
@@ -13,7 +13,7 @@ const NavbarContainer = styled.div `
13
13
  display: flex;
14
14
  justify-content: space-between;
15
15
  ${css `
16
- background-color: ${getThemePropSelector('backgroundLevel1')};
16
+ background-color: ${getThemePropSelector('navbarBackground')};
17
17
  color: ${getThemePropSelector('textPrimary')};
18
18
  .fas,
19
19
  .sc-trigger-text {
@@ -100,7 +100,7 @@ const NavbarMenuItem = styled.div `
100
100
  align-items: center;
101
101
  .sc-dropdown {
102
102
  .trigger {
103
- background-color: ${getThemePropSelector('backgroundLevel1')};
103
+ background-color: ${getThemePropSelector('navbarBackground')};
104
104
  &:hover {
105
105
  background-color: ${getThemePropSelector('highlight')};
106
106
  }
@@ -117,7 +117,7 @@ const NavbarMenuItem = styled.div `
117
117
  border-radius: 0;
118
118
  height: ${navbarHeight};
119
119
  font-size: ${fontSize.base};
120
- background-color: ${getThemePropSelector('backgroundLevel1')};
120
+ background-color: ${getThemePropSelector('navbarBackground')};
121
121
  &:hover {
122
122
  background-color: ${getThemePropSelector('highlight')};
123
123
  }
package/dist/style/theme.d.ts CHANGED
@@ -46,6 +46,7 @@ export type CoreUITheme = {
46
46
  backgroundLevel2: string;
47
47
  backgroundLevel3: string;
48
48
  backgroundLevel4: string;
49
+ navbarBackground: string;
49
50
  textPrimary: string;
50
51
  textSecondary: string;
51
52
  textTertiary: string;
package/dist/style/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/style/theme.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/style/theme.ts"],"names":[],"mappings":"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"}
package/dist/style/theme.js CHANGED
@@ -55,6 +55,7 @@ export const coreUIAvailableThemes = {
55
55
  backgroundLevel2: '#323245',
56
56
  backgroundLevel3: '#232331',
57
57
  backgroundLevel4: '#1B1B27',
58
+ navbarBackground: '#121219',
58
59
  textPrimary: '#EAEAEA',
59
60
  textSecondary: '#B5B5B5',
60
61
  textTertiary: '#DFDFDF',
@@ -80,6 +81,7 @@ export const coreUIAvailableThemes = {
80
81
  backgroundLevel2: '#F0F0F4',
81
82
  backgroundLevel3: '#E4E6EC',
82
83
  backgroundLevel4: '#FAFAF6',
84
+ navbarBackground: '#FCFCFC',
83
85
  textPrimary: '#0D0D0D',
84
86
  textSecondary: '#4F506D',
85
87
  textTertiary: '#DFDFDF', // TO CHECK
@@ -105,6 +107,7 @@ export const coreUIAvailableThemes = {
105
107
  backgroundLevel2: '#272020',
106
108
  backgroundLevel3: '#201B1A',
107
109
  backgroundLevel4: '#191515',
110
+ navbarBackground: '#120F0F',
108
111
  textPrimary: '#EAEAEA',
109
112
  textSecondary: '#A4ACB4',
110
113
  textTertiary: '#DFDFDF',
@@ -130,6 +133,7 @@ export const coreUIAvailableThemes = {
130
133
  backgroundLevel2: '#323245',
131
134
  backgroundLevel3: '#232331',
132
135
  backgroundLevel4: '#1B1B27',
136
+ navbarBackground: '#121219',
133
137
  textPrimary: '#EAEAEA',
134
138
  textSecondary: '#B5B5B5',
135
139
  textTertiary: '#DFDFDF',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scality/core-ui",
3
- "version": "0.197.0",
3
+ "version": "0.199.0",
4
4
  "description": "Scality common React component library",
5
5
  "author": "Scality Engineering",
6
6
  "license": "SEE LICENSE IN LICENSE",
package/src/lib/components/icon/iconTable.ts CHANGED
@@ -1,3 +1,4 @@
1
+
1
2
  /**
2
3
  * Maps human-readable icon names to FontAwesome icon info.
3
4
  * Format: 'iconType iconClass' where:
@@ -134,4 +135,5 @@ export const iconTable = {
134
135
  ThumbsDown: 'far faThumbsDown',
135
136
  Sidebar: 'fas faTableColumns',
136
137
  Bookopen: 'fas faBookOpen',
138
+ Book: 'fas faBook',
137
139
  };
package/src/lib/components/navbar/Navbar.component.tsx CHANGED
@@ -43,7 +43,7 @@ const NavbarContainer = styled.div`
43
43
  display: flex;
44
44
  justify-content: space-between;
45
45
  ${css`
46
- background-color: ${getThemePropSelector('backgroundLevel1')};
46
+ background-color: ${getThemePropSelector('navbarBackground')};
47
47
  color: ${getThemePropSelector('textPrimary')};
48
48
  .fas,
49
49
  .sc-trigger-text {
@@ -131,7 +131,7 @@ const NavbarMenuItem = styled.div`
131
131
  align-items: center;
132
132
  .sc-dropdown {
133
133
  .trigger {
134
- background-color: ${getThemePropSelector('backgroundLevel1')};
134
+ background-color: ${getThemePropSelector('navbarBackground')};
135
135
  &:hover {
136
136
  background-color: ${getThemePropSelector('highlight')};
137
137
  }
@@ -148,7 +148,7 @@ const NavbarMenuItem = styled.div`
148
148
  border-radius: 0;
149
149
  height: ${navbarHeight};
150
150
  font-size: ${fontSize.base};
151
- background-color: ${getThemePropSelector('backgroundLevel1')};
151
+ background-color: ${getThemePropSelector('navbarBackground')};
152
152
  &:hover {
153
153
  background-color: ${getThemePropSelector('highlight')};
154
154
  }
package/src/lib/style/theme.ts CHANGED
@@ -49,6 +49,7 @@ export type CoreUITheme = {
49
49
  backgroundLevel2: string;
50
50
  backgroundLevel3: string;
51
51
  backgroundLevel4: string;
52
+ navbarBackground: string;
52
53
  textPrimary: string;
53
54
  textSecondary: string;
54
55
  textTertiary: string;
@@ -84,6 +85,7 @@ export const coreUIAvailableThemes: Record<CoreUIThemeName, CoreUITheme> = {
84
85
  backgroundLevel2: '#323245',
85
86
  backgroundLevel3: '#232331',
86
87
  backgroundLevel4: '#1B1B27',
88
+ navbarBackground: '#121219',
87
89
  textPrimary: '#EAEAEA',
88
90
  textSecondary: '#B5B5B5',
89
91
  textTertiary: '#DFDFDF',
@@ -109,6 +111,7 @@ export const coreUIAvailableThemes: Record<CoreUIThemeName, CoreUITheme> = {
109
111
  backgroundLevel2: '#F0F0F4',
110
112
  backgroundLevel3: '#E4E6EC',
111
113
  backgroundLevel4: '#FAFAF6',
114
+ navbarBackground: '#FCFCFC',
112
115
  textPrimary: '#0D0D0D',
113
116
  textSecondary: '#4F506D',
114
117
  textTertiary: '#DFDFDF', // TO CHECK
@@ -134,6 +137,7 @@ export const coreUIAvailableThemes: Record<CoreUIThemeName, CoreUITheme> = {
134
137
  backgroundLevel2: '#272020',
135
138
  backgroundLevel3: '#201B1A',
136
139
  backgroundLevel4: '#191515',
140
+ navbarBackground: '#120F0F',
137
141
  textPrimary: '#EAEAEA',
138
142
  textSecondary: '#A4ACB4',
139
143
  textTertiary: '#DFDFDF',
@@ -159,6 +163,7 @@ export const coreUIAvailableThemes: Record<CoreUIThemeName, CoreUITheme> = {
159
163
  backgroundLevel2: '#323245',
160
164
  backgroundLevel3: '#232331',
161
165
  backgroundLevel4: '#1B1B27',
166
+ navbarBackground: '#121219',
162
167
  textPrimary: '#EAEAEA',
163
168
  textSecondary: '#B5B5B5',
164
169
  textTertiary: '#DFDFDF',