@broxus/react-uikit 0.1.0

package/dist/esm/components/Form/Form.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+const defaultElement = 'form';
+export function Form(props) {
+    const { className, layout, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-form', {
+            [`uk-form-${layout}`]: layout !== undefined,
+        }, className), component: defaultElement, ...restProps }));
+}

package/dist/esm/components/Form/Label.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
+export declare function Label(props: LabelProps): JSX.Element;
+export declare namespace Label {
+    var displayName: string;
+}

package/dist/esm/components/Form/Label.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export function Label(props) {
+    const { className, htmlFor, ...restProps } = props;
+    return (React.createElement("label", { className: classNames('uk-form-label', className), htmlFor: htmlFor, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Label.displayName = 'Form.Label';
+}

package/dist/esm/components/Form/Legend.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare type LegendProps = React.HTMLAttributes<HTMLLegendElement>;
+export declare function Legend(props: LegendProps): JSX.Element;
+export declare namespace Legend {
+    var displayName: string;
+}

package/dist/esm/components/Form/Legend.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export function Legend(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement("legend", { className: classNames('uk-legend', className), ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Legend.displayName = 'Form.Legend';
+}

package/dist/esm/components/Form/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Controls } from './Controls';
+import { ControlsText } from './ControlsText';
+import { Fieldset } from './Fieldset';
+import { Label } from './Label';
+import { Legend } from './Legend';
+import type { FormProps } from './Form';
+import './index.scss';
+export type { FormProps };
+export interface CompoundedForm extends React.FunctionComponent<FormProps> {
+    Controls: typeof Controls;
+    ControlsText: typeof ControlsText;
+    Fieldset: typeof Fieldset;
+    Label: typeof Label;
+    Legend: typeof Legend;
+}
+export declare const Form: CompoundedForm;

package/dist/esm/components/Form/index.js

@@ -0,0 +1,13 @@
+import { Controls } from './Controls';
+import { ControlsText } from './ControlsText';
+import { Fieldset } from './Fieldset';
+import { Form as InternalForm } from './Form';
+import { Label } from './Label';
+import { Legend } from './Legend';
+import './index.scss';
+export const Form = InternalForm;
+Form.Controls = Controls;
+Form.ControlsText = ControlsText;
+Form.Fieldset = Fieldset;
+Form.Label = Label;
+Form.Legend = Legend;