@camunda/camunda-composite-components 0.0.24 → 0.0.25
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/README.md
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
# Camunda Composite Components
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Camunda Composite Components (also known as **C3**) is the main software artifact of the [Design System Team](https://confluence.camunda.com/display/HAN/Design+System).
|
|
4
|
+
|
|
5
|
+
We have a dedicated slack channel for everyone having questions, comments, bug reports or concerns about this repository: [#camunda-composite-components](https://app.slack.com/client/T0PM0P1SA/C049YH1C202/thread/C03NF7FH17G-1671730364.608129). For more general questions towards the Design System team, please use [#ask-cds](https://app.slack.com/client/T0PM0P1SA/C04FUEGLG8N).
|
|
6
|
+
|
|
7
|
+
If you like the idea of having a repository for your own composite components - how about you do your own **Camunda Custom Composite Components**? Just go over [here](https://github.com/camunda-cloud/c4-starter), fork it, lezgo! A list of C4-Adopters can be found <a href="#c4list">here</a>.
|
|
8
|
+
|
|
9
|
+
## Storybook
|
|
10
|
+
|
|
11
|
+
A live view of the `main` branch can be found [here](https://camunda-composite-components.pages.dev/). When opening a PR, a version of storybook with the changes is deployed automatically and can be accessed by clicking on the link in the PR.
|
|
4
12
|
|
|
5
13
|
## Dev
|
|
6
14
|
|
|
@@ -42,3 +50,7 @@ return (
|
|
|
42
50
|
/>
|
|
43
51
|
)
|
|
44
52
|
```
|
|
53
|
+
|
|
54
|
+
## <a name="c4list"></a> (incomplete) List of adopters of C3+C4
|
|
55
|
+
|
|
56
|
+
- [console-team](https://confluence.camunda.com/display/HAN/Console+Team) started this, their C4 repo can be found [here](https://github.com/camunda-cloud/camunda-console-composite-components)
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import { Button, FormLabel, Header, HeaderContainer, HeaderGlobalAction, HeaderGlobalBar, HeaderMenuItem, HeaderName, HeaderNavigation, HeaderPanel, HeaderSideNavItems, RadioButton, RadioButtonGroup, SideNav, SideNavItems, SideNavLink, SideNavMenu, SideNavMenuItem, SkipToContent, Stack, SwitcherDivider, Tag, Toggle,
|
|
2
|
-
import { Close, Enterprise, Help,
|
|
1
|
+
import { Button, FormLabel, Header, HeaderContainer, HeaderGlobalAction, HeaderGlobalBar, HeaderMenuItem, HeaderName, HeaderNavigation, HeaderPanel, HeaderSideNavItems, RadioButton, RadioButtonGroup, SideNav, SideNavItems, SideNavLink, SideNavMenu, SideNavMenuItem, SkipToContent, Stack, SwitcherDivider, Tag, Toggle, Toggletip, ToggletipButton, ToggletipContent, usePrefix, useTheme, } from "@carbon/react";
|
|
2
|
+
import { Close, Enterprise, Help, UserAvatar } from "@carbon/react/icons";
|
|
3
3
|
import React, { useEffect, useState } from "react";
|
|
4
4
|
import { C3AppMenuIcon } from "../../icons/c3-icons";
|
|
5
5
|
const BREAKPOINT_LG_WIDTH = "66rem"; // This is Carbon's breakpoint (lg) width https://github.com/carbon-design-system/carbon/blob/main/packages/layout/src/index.js#L56
|
|
6
|
-
const C3NavigationExternalLink = ({ label }) =>
|
|
7
|
-
label,
|
|
8
|
-
React.createElement(Launch, { style: {
|
|
9
|
-
transform: `translate(2px, 1px)`,
|
|
10
|
-
verticalAlign: "top",
|
|
11
|
-
} })));
|
|
6
|
+
const C3NavigationExternalLink = ({ label }) => React.createElement(React.Fragment, null, label);
|
|
12
7
|
const C3NavigationAppBar = ({ appBar, forwardRef, navbar, }) => {
|
|
13
8
|
const [appBarOpen, setAppBarOpen] = useState(appBar.isOpen);
|
|
14
9
|
const refPanel = React.createRef();
|