@muraldevkit/ui-toolkit 2.13.0-dev.9 → 2.13.1
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/dist/components/container/MrlContainer/MrlContainer.d.ts +22 -0
- package/dist/components/container/MrlContainer/index.d.ts +1 -0
- package/dist/components/container/constants.d.ts +12 -0
- package/dist/components/container/index.d.ts +1 -0
- package/dist/components/form/select/context/SelectContext.d.ts +0 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/styles/MrlContainer/module.scss +12 -0
- package/dist/styles/container/variables.scss +10 -0
- package/package.json +4 -2
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Kind } from '../constants';
|
|
3
|
+
import { MrlComponentProps } from '../../../utils';
|
|
4
|
+
export interface MrlContainerProps extends Omit<MrlComponentProps, 'style'>, React.ComponentProps<'div'> {
|
|
5
|
+
/** Children to be rendered within the component */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Defines which color scheme to used based on the background color of the container.
|
|
10
|
+
* White/light backgrounds should use "default" and dark/saturated color backgrounds
|
|
11
|
+
* should use "inverse".
|
|
12
|
+
*/
|
|
13
|
+
kind?: Kind;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Used to visually and group content and
|
|
17
|
+
* provide structure in layouts.
|
|
18
|
+
*
|
|
19
|
+
* @param props - component props
|
|
20
|
+
* @returns a MrlContainer React component.
|
|
21
|
+
*/
|
|
22
|
+
export declare function MrlContainer({ children, className, kind, ...remainingProps }: MrlContainerProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlContainer } from './MrlContainer';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const allowedValues: {
|
|
2
|
+
kinds: readonly ["default", "helper"];
|
|
3
|
+
};
|
|
4
|
+
export type Kind = (typeof allowedValues.kinds)[number];
|
|
5
|
+
export interface ContainerDefaults {
|
|
6
|
+
kind: Kind;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Default values for props on the MrlContainer component;
|
|
10
|
+
* Shared between the component and Storybook
|
|
11
|
+
*/
|
|
12
|
+
export declare const defaults: ContainerDefaults;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlContainer } from './MrlContainer';
|