tycho-components 0.8.17 → 0.8.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 (5) hide show
  1. package/dist/AppTable/styles.scss +7 -2
  2. package/dist/Header/Header.js +2 -2
  3. package/dist/Header/HeaderCorpora/style.scss +5 -8
  4. package/dist/Header/styles.scss +16 -10
  5. package/package.json +1 -1
package/dist/AppTable/styles.scss CHANGED
@@ -11,6 +11,11 @@
11
11
  overflow: auto;
12
12
  }
13
13
 
14
+ .MuiTableCell-root {
15
+ height: 46px;
16
+ padding: 0 12px;
17
+ }
18
+
14
19
  .MuiTableRow-root {
15
20
  height: 46px;
16
21
 
@@ -30,14 +35,14 @@
30
35
  .MuiTableCell-head {
31
36
  @include tag-medium-2;
32
37
  color: var(--text-primary);
33
- font-family: "Lora";
38
+ font-family: 'Lora';
34
39
  }
35
40
  }
36
41
 
37
42
  .MuiTableCell-body {
38
43
  @include label-medium-1;
39
44
  color: var(--text-primary);
40
- font-family: "Work Sans";
45
+ font-family: 'Work Sans';
41
46
  cursor: pointer;
42
47
  }
43
48
  }
package/dist/Header/Header.js CHANGED
@@ -22,8 +22,8 @@ export default function Header({ tool, redirect, autoload, freeAccess, hideKeybo
22
22
  const profileClass = cx('header-profile', {
23
23
  'corpora-free': freeAccess && !hasCorpus(),
24
24
  });
25
- const homeTextsClass = cx('texts', {
25
+ const homeTextsClass = cx('app-title', {
26
26
  pointer: navigateHome !== undefined,
27
27
  });
28
- return (_jsxs("div", { className: "ds-header", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] }), customHeader, !customHeader && (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora })), _jsxs("div", { className: profileClass, children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(HelpButton, { helpActions: helpActions }), notifications && isLogged() && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), !freeAccess && _jsx(HeaderUser, { navigateLogout: navigateLogout })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
28
+ return (_jsxs("div", { className: "ds-header", children: [_jsxs("div", { className: "header-left", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] })] }), customHeader, !customHeader && (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora })), _jsxs("div", { className: profileClass, children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(HelpButton, { helpActions: helpActions }), notifications && isLogged() && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), !freeAccess && _jsx(HeaderUser, { navigateLogout: navigateLogout })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
29
29
  }
package/dist/Header/HeaderCorpora/style.scss CHANGED
@@ -3,11 +3,8 @@
3
3
  justify-content: center;
4
4
  align-items: center;
5
5
  cursor: pointer;
6
- margin-left: auto;
7
- margin-right: auto;
8
- width: 50%;
9
6
 
10
- >span {
7
+ > span {
11
8
  margin-right: var(--spacing-200);
12
9
  margin-left: var(--spacing-200);
13
10
  @include label-large-1;
@@ -22,14 +19,14 @@
22
19
  }
23
20
 
24
21
  .modal-corpora {
25
- >.body {
22
+ > .body {
26
23
  display: flex;
27
24
  flex-wrap: wrap;
28
25
  gap: 12px;
29
26
  max-height: 40vh;
30
27
  overflow-y: auto;
31
28
 
32
- >.item {
29
+ > .item {
33
30
  display: flex;
34
31
  flex-direction: column;
35
32
  justify-content: center;
@@ -48,9 +45,9 @@
48
45
  height: 48px;
49
46
  }
50
47
 
51
- >span {
48
+ > span {
52
49
  text-align: center;
53
50
  }
54
51
  }
55
52
  }
56
- }
53
+ }
package/dist/Header/styles.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  position: fixed;
5
+ justify-content: space-between;
5
6
  top: 0;
6
7
  left: 0;
7
8
  width: 100%;
@@ -11,23 +12,28 @@
11
12
  z-index: 1150;
12
13
  gap: 16px;
13
14
 
14
- > .texts {
15
- > .title {
16
- @include label-large-2;
17
- color: var(--text-light-fixed);
18
- margin-right: 8px;
19
- }
15
+ .header-left {
16
+ display: flex;
17
+ align-items: center;
18
+ gap: 16px;
19
+
20
+ .app-title {
21
+ > .title {
22
+ @include label-large-2;
23
+ color: var(--text-light-fixed);
24
+ margin-right: 8px;
25
+ }
20
26
 
21
- > .subtitle {
22
- @include label-large-1;
23
- color: var(--text-light-fixed);
27
+ > .subtitle {
28
+ @include label-large-1;
29
+ color: var(--text-light-fixed);
30
+ }
24
31
  }
25
32
  }
26
33
 
27
34
  > .header-profile {
28
35
  display: flex;
29
36
  align-items: center;
30
- margin-left: auto;
31
37
  padding-right: var(--spacing-150);
32
38
 
33
39
  &.corpora-free {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "tycho-components",
3
3
  "private": false,
4
- "version": "0.8.17",
4
+ "version": "0.8.19",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {