@broxus/react-uikit 0.1.0

package/dist/cjs/components/Form/Fieldset.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fieldset = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+function Fieldset(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement("fieldset", { className: (0, classnames_1.default)('uk-fieldset', className), ...restProps }));
+}
+exports.Fieldset = Fieldset;
+if (process.env.NODE_ENV !== 'production') {
+    Fieldset.displayName = 'Form.Fieldset';
+}

package/dist/cjs/components/Form/Form.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export interface FormOwnProps {
+    layout?: 'stacked' | 'horizontal';
+}
+export declare type FormProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, FormOwnProps>;
+declare const defaultElement = "form";
+export declare function Form<E extends React.ElementType = typeof defaultElement>(props: FormProps<E>): JSX.Element;
+export {};

package/dist/cjs/components/Form/Form.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const defaultElement = 'form';
+function Form(props) {
+    const { className, layout, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-form', {
+            [`uk-form-${layout}`]: layout !== undefined,
+        }, className), component: defaultElement, ...restProps }));
+}
+exports.Form = Form;

package/dist/cjs/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/cjs/components/Form/Label.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+function Label(props) {
+    const { className, htmlFor, ...restProps } = props;
+    return (React.createElement("label", { className: (0, classnames_1.default)('uk-form-label', className), htmlFor: htmlFor, ...restProps }));
+}
+exports.Label = Label;
+if (process.env.NODE_ENV !== 'production') {
+    Label.displayName = 'Form.Label';
+}

package/dist/cjs/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/cjs/components/Form/Legend.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Legend = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+function Legend(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement("legend", { className: (0, classnames_1.default)('uk-legend', className), ...restProps }));
+}
+exports.Legend = Legend;
+if (process.env.NODE_ENV !== 'production') {
+    Legend.displayName = 'Form.Legend';
+}

package/dist/cjs/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/cjs/components/Form/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const Controls_1 = require("./Controls");
+const ControlsText_1 = require("./ControlsText");
+const Fieldset_1 = require("./Fieldset");
+const Form_1 = require("./Form");
+const Label_1 = require("./Label");
+const Legend_1 = require("./Legend");
+require("./index.scss");
+exports.Form = Form_1.Form;
+exports.Form.Controls = Controls_1.Controls;
+exports.Form.ControlsText = ControlsText_1.ControlsText;
+exports.Form.Fieldset = Fieldset_1.Fieldset;
+exports.Form.Label = Label_1.Label;
+exports.Form.Legend = Legend_1.Legend;