@khaos-systems/helm 0.1.0 → 0.1.13
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 +22 -20
- package/dist/components/matter/MtAlert.d.ts +2 -1
- package/dist/components/matter/MtButton.d.ts +1 -0
- package/dist/matter.cjs +8 -8
- package/dist/matter.js +1506 -1483
- package/dist/styles.css +1 -1
- package/package.json +69 -68
package/README.md
CHANGED
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
# Helm (Matter Design System)
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
- `npm
|
|
10
|
-
- `npm run
|
|
11
|
-
- `npm run
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
# Helm (Matter Design System)
|
|
2
|
+
|
|
3
|
+
https://www.npmjs.com/package/@khaos-systems/helm
|
|
4
|
+
|
|
5
|
+
This package contains the Matter design system and Storybook site extracted from `anchor`.
|
|
6
|
+
|
|
7
|
+
## Commands
|
|
8
|
+
|
|
9
|
+
- `npm install`
|
|
10
|
+
- `npm run storybook` - run Storybook locally
|
|
11
|
+
- `npm run build-storybook` - static Storybook build
|
|
12
|
+
- `npm run build` - build library output to `dist/`
|
|
13
|
+
- `npm run gen:tokens` - regenerate `src/tokens.css` from `tokens/tokens.dark.json`
|
|
14
|
+
|
|
15
|
+
## Usage in another app
|
|
16
|
+
|
|
17
|
+
Install from workspace and import:
|
|
18
|
+
|
|
19
|
+
```ts
|
|
20
|
+
import { MtButton } from '@khaos/matter';
|
|
21
|
+
import '@khaos/matter/styles.css';
|
|
22
|
+
```
|
|
@@ -5,7 +5,8 @@ interface MtAlertProps {
|
|
|
5
5
|
content: ReactNode;
|
|
6
6
|
severity?: MtAlertSeverity;
|
|
7
7
|
actions?: ReactNode;
|
|
8
|
+
showCloseButton?: boolean;
|
|
8
9
|
className?: string;
|
|
9
10
|
}
|
|
10
|
-
export declare function MtAlert({ title, content, severity, actions, className }: MtAlertProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function MtAlert({ title, content, severity, actions, showCloseButton, className, }: MtAlertProps): import("react/jsx-runtime").JSX.Element | null;
|
|
11
12
|
export {};
|
|
@@ -7,6 +7,7 @@ interface MtButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
7
7
|
kind?: 'default' | 'icon';
|
|
8
8
|
size?: 'medium' | 'large';
|
|
9
9
|
variant?: MtButtonSurface;
|
|
10
|
+
selected?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare const MtButton: React.ForwardRefExoticComponent<MtButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
12
13
|
export {};
|