@scm-manager/ui-components 2.31.2-20220208-073644 → 2.32.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scm-manager/ui-components",
3
- "version": "2.31.2-20220208-073644",
3
+ "version": "2.32.0",
4
4
  "description": "UI Components for SCM-Manager and its plugins",
5
5
  "main": "src/index.ts",
6
6
  "files": [
@@ -25,7 +25,7 @@
25
25
  "@scm-manager/jest-preset": "^2.13.0",
26
26
  "@scm-manager/prettier-config": "^2.10.1",
27
27
  "@scm-manager/tsconfig": "^2.12.0",
28
- "@scm-manager/ui-tests": "^2.31.2-20220208-073644",
28
+ "@scm-manager/ui-tests": "^2.32.0",
29
29
  "@storybook/addon-actions": "^6.3.12",
30
30
  "@storybook/addon-storyshots": "^6.3.12",
31
31
  "@storybook/builder-webpack5": "^6.3.12",
@@ -66,9 +66,9 @@
66
66
  },
67
67
  "dependencies": {
68
68
  "@headlessui/react": "^1.4.3",
69
- "@scm-manager/ui-api": "^2.31.2-20220208-073644",
70
- "@scm-manager/ui-extensions": "^2.31.2-20220208-073644",
71
- "@scm-manager/ui-types": "^2.31.2-20220208-073644",
69
+ "@scm-manager/ui-api": "^2.32.0",
70
+ "@scm-manager/ui-extensions": "^2.32.0",
71
+ "@scm-manager/ui-types": "^2.32.0",
72
72
  "classnames": "^2.2.6",
73
73
  "date-fns": "^2.4.1",
74
74
  "deepmerge": "^4.2.2",
@@ -41,10 +41,9 @@ export const DangerZone = styled.div`
41
41
  }
42
42
  }
43
43
 
44
- // TODO ersetzen?
45
44
  > *:not(:last-child) {
46
45
  padding-bottom: 1.5rem;
47
- border-bottom: solid 2px whitesmoke;
46
+ border-bottom: solid 2px var(--scm-border-color);
48
47
  }
49
48
  @media screen and (max-width: ${devices.tablet.width}px) {
50
49
  .button {
@@ -34,10 +34,12 @@ import useScrollToElement from "./useScrollToElement";
34
34
  import styled from "styled-components";
35
35
  import { useTranslation } from "react-i18next";
36
36
  import copyToClipboard from "./CopyToClipboard";
37
+ import { Button } from "./buttons";
37
38
 
38
39
  const LINE_NUMBER_URL_HASH_REGEX = /^#line-(.*)$/;
39
40
 
40
- const TopRightButton = styled.button`
41
+ const TopRightButton = styled(Button)`
42
+ height: inherit;
41
43
  position: absolute;
42
44
  display: none;
43
45
  top: 0;
@@ -90,7 +92,6 @@ const SyntaxHighlighter: FC<Props> = ({ language = defaultLanguage, showLineNumb
90
92
  if (value && value.length > 1 && value.endsWith("\n")) {
91
93
  valueWithoutTrailingLineBreak = value.substr(0, value.length - 1);
92
94
  }
93
-
94
95
  return (
95
96
  <Container ref={setContentRef} className="is-relative">
96
97
  <ReactSyntaxHighlighter
@@ -101,7 +102,7 @@ const SyntaxHighlighter: FC<Props> = ({ language = defaultLanguage, showLineNumb
101
102
  >
102
103
  {valueWithoutTrailingLineBreak}
103
104
  </ReactSyntaxHighlighter>
104
- <TopRightButton className="is-clickable" title={t("syntaxHighlighting.copyButton")} onClick={copy}>
105
+ <TopRightButton className="is-small" title={t("syntaxHighlighting.copyButton")} action={copy}>
105
106
  <i className={copied ? "fa fa-clipboard-check" : "fa fa-clipboard"} />
106
107
  </TopRightButton>
107
108
  </Container>