@yakad/ui 1.3.98 → 1.3.100
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/AppBar/AppBar.js +14 -20
- package/dist/Button/Button.js +11 -17
- package/dist/Card/Card.js +9 -15
- package/dist/CheckBox/CheckBox.js +9 -15
- package/dist/ClickOutsideListener/ClickOutsideListener.js +6 -10
- package/dist/CodeBox/CodeBox.js +10 -16
- package/dist/CodeField/CodeField.js +8 -14
- package/dist/Container/Container.js +9 -15
- package/dist/Display/Display.js +8 -14
- package/dist/Footer/Footer.js +12 -18
- package/dist/Form/Form.js +9 -15
- package/dist/GridContainer/GridContainer.js +8 -14
- package/dist/GridItem/GridItem.js +9 -15
- package/dist/Hr/Hr.js +8 -14
- package/dist/InputField/InputField.js +8 -14
- package/dist/List/List.js +8 -14
- package/dist/ListItem/ListItem.js +8 -14
- package/dist/LoadingIcon/LoadingIcon.js +8 -14
- package/dist/Main/Main.js +9 -15
- package/dist/Navigation/Navigation.js +10 -16
- package/dist/RadioButton/RadioButton.js +12 -18
- package/dist/RadioGroup/RadioGroup.js +9 -12
- package/dist/Row/Row.js +9 -15
- package/dist/Screen/Screen.js +9 -15
- package/dist/Select/Select.js +9 -15
- package/dist/Spacer/Spacer.js +8 -14
- package/dist/Stack/Stack.js +9 -15
- package/dist/SvgIcon/SvgIcon.js +8 -14
- package/dist/Table/Table.js +32 -38
- package/dist/Text/Text.js +40 -46
- package/dist/Theme/Theme.d.ts +1 -0
- package/dist/Theme/Theme.js +11 -17
- package/dist/index.js +31 -47
- package/package.json +3 -4
- /package/dist/{globals.css → Theme/globals.css} +0 -0
package/dist/List/List.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,18 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const List_module_css_1 = __importDefault(require("./List.module.css"));
|
|
22
|
-
exports.List = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import styles from "./List.module.css";
|
|
16
|
+
export const List = forwardRef((_a, ref) => {
|
|
23
17
|
var { direction = "row", collapsed, className, children } = _a, restProps = __rest(_a, ["direction", "collapsed", "className", "children"]);
|
|
24
|
-
const joinedClassNames = (
|
|
25
|
-
return ((
|
|
18
|
+
const joinedClassNames = classNames("fullWidthLover", styles.list, styles[direction], { [styles.collapsed]: collapsed }, className);
|
|
19
|
+
return (_jsx("ul", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
26
20
|
});
|
|
27
|
-
|
|
21
|
+
List.displayName = "List";
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,18 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
|
|
22
|
-
const ListItem_module_css_1 = __importDefault(require("./ListItem.module.css"));
|
|
23
|
-
exports.ListItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import boxingStyles from "../boxing.module.css";
|
|
16
|
+
import styles from "./ListItem.module.css";
|
|
17
|
+
export const ListItem = forwardRef((_a, ref) => {
|
|
24
18
|
var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
|
|
25
|
-
return ((
|
|
19
|
+
return (_jsx("li", Object.assign({ ref: ref }, restProps, { className: classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.listItem, className), children: children })));
|
|
26
20
|
});
|
|
27
|
-
|
|
21
|
+
ListItem.displayName = "ListItem";
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,18 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const LoadingIcon_module_css_1 = __importDefault(require("./LoadingIcon.module.css"));
|
|
22
|
-
exports.LoadingIcon = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import styles from "./LoadingIcon.module.css";
|
|
16
|
+
export const LoadingIcon = forwardRef((_a, ref) => {
|
|
23
17
|
var { size = "medium", variant = "spinner", className } = _a, restProps = __rest(_a, ["size", "variant", "className"]);
|
|
24
|
-
const joinedClassNames = (
|
|
25
|
-
return ((
|
|
18
|
+
const joinedClassNames = classNames(styles.loadingIcon, styles[size], styles[variant], className);
|
|
19
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: _jsx("div", {}) })));
|
|
26
20
|
});
|
|
27
|
-
|
|
21
|
+
LoadingIcon.displayName = "LoadingIcon";
|
package/dist/Main/Main.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,19 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
|
|
22
|
-
const Main_module_css_1 = __importDefault(require("./Main.module.css"));
|
|
23
|
-
exports.Main = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import boxingStyles from "../boxing.module.css";
|
|
16
|
+
import styles from "./Main.module.css";
|
|
17
|
+
export const Main = forwardRef((_a, ref) => {
|
|
24
18
|
var { align, navopen = false, className, children } = _a, restProps = __rest(_a, ["align", "navopen", "className", "children"]);
|
|
25
|
-
const joinedClassNames = (
|
|
26
|
-
return ((
|
|
19
|
+
const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.main, { [styles.navOpen]: navopen }, className);
|
|
20
|
+
return (_jsx("main", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
27
21
|
});
|
|
28
|
-
|
|
22
|
+
Main.displayName = "Main";
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,21 +9,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
|
|
22
|
-
const Navigation_module_css_1 = __importDefault(require("./Navigation.module.css"));
|
|
23
|
-
exports.Navigation = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import boxingStyles from "../boxing.module.css";
|
|
16
|
+
import styles from "./Navigation.module.css";
|
|
17
|
+
export const Navigation = forwardRef((_a, ref) => {
|
|
24
18
|
var { align, anchor = "auto", open = false, className, children } = _a, restProps = __rest(_a, ["align", "anchor", "open", "className", "children"]);
|
|
25
|
-
const joinedClassNames = (
|
|
26
|
-
[
|
|
19
|
+
const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.navigation, styles[anchor], {
|
|
20
|
+
[styles.open]: open,
|
|
27
21
|
}, className);
|
|
28
|
-
return ((
|
|
22
|
+
return (_jsx("nav", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
29
23
|
});
|
|
30
|
-
|
|
24
|
+
Navigation.displayName = "Navigation";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";
|
|
3
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
3
|
var t = {};
|
|
5
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -11,29 +10,24 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
10
|
}
|
|
12
11
|
return t;
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
22
|
-
const symbols_1 = require("@yakad/symbols");
|
|
23
|
-
const __1 = require("..");
|
|
24
|
-
const RadioButton_module_css_1 = __importDefault(require("./RadioButton.module.css"));
|
|
25
|
-
exports.RadioButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
13
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
import { forwardRef } from "react";
|
|
15
|
+
import classNames from "classnames";
|
|
16
|
+
import { Symbol } from "@yakad/symbols";
|
|
17
|
+
import { Button } from "..";
|
|
18
|
+
import styles from "./RadioButton.module.css";
|
|
19
|
+
export const RadioButton = forwardRef((_a, ref) => {
|
|
26
20
|
var { datafromradiogroup, label, onClick, className } = _a, restProps = __rest(_a, ["datafromradiogroup", "label", "onClick", "className"]);
|
|
27
|
-
const joinedClassNames = (
|
|
28
|
-
[
|
|
21
|
+
const joinedClassNames = classNames(styles.radiobutton, {
|
|
22
|
+
[styles.labeled]: label,
|
|
29
23
|
className,
|
|
30
24
|
});
|
|
31
25
|
const onClickRadioButtonHandler = () => {
|
|
32
26
|
datafromradiogroup === null || datafromradiogroup === void 0 ? void 0 : datafromradiogroup.onSelect();
|
|
33
27
|
onClick;
|
|
34
28
|
};
|
|
35
|
-
return ((
|
|
29
|
+
return (_jsxs("div", { className: joinedClassNames, children: [label && (_jsx("label", { className: styles.label, htmlFor: datafromradiogroup === null || datafromradiogroup === void 0 ? void 0 : datafromradiogroup.name, children: label })), _jsx(Button, { icon: _jsx(Symbol, { icon: (datafromradiogroup === null || datafromradiogroup === void 0 ? void 0 : datafromradiogroup.checked)
|
|
36
30
|
? "radio_button_checked"
|
|
37
|
-
: "radio_button_unchecked" }), onClick: onClickRadioButtonHandler, disabled: restProps.disabled }), (
|
|
31
|
+
: "radio_button_unchecked" }), onClick: onClickRadioButtonHandler, disabled: restProps.disabled }), _jsx("input", Object.assign({ ref: ref }, restProps, { className: styles.input, type: "radio", name: datafromradiogroup === null || datafromradiogroup === void 0 ? void 0 : datafromradiogroup.name, checked: datafromradiogroup === null || datafromradiogroup === void 0 ? void 0 : datafromradiogroup.checked }))] }));
|
|
38
32
|
});
|
|
39
|
-
|
|
33
|
+
RadioButton.displayName = "RadioButton";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";
|
|
3
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
3
|
var t = {};
|
|
5
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -11,20 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
10
|
}
|
|
12
11
|
return t;
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
const __1 = require("..");
|
|
19
|
-
exports.RadioGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
import { useState, forwardRef, Children } from "react";
|
|
15
|
+
import { RadioButton } from "..";
|
|
16
|
+
export const RadioGroup = forwardRef((_a, ref) => {
|
|
20
17
|
var { name, defaultvalue, className, children } = _a, restProps = __rest(_a, ["name", "defaultvalue", "className", "children"]);
|
|
21
|
-
const [selectedValue, setSelectedValue] =
|
|
22
|
-
const arrayChildren =
|
|
23
|
-
const renderChildrens = () => arrayChildren.map((child, index) => ((
|
|
18
|
+
const [selectedValue, setSelectedValue] = useState(defaultvalue || null);
|
|
19
|
+
const arrayChildren = Children.toArray(children);
|
|
20
|
+
const renderChildrens = () => arrayChildren.map((child, index) => (_jsx(RadioButton, Object.assign({}, child.props, { datafromradiogroup: {
|
|
24
21
|
name: name,
|
|
25
22
|
onSelect: () => setSelectedValue(child.props.value),
|
|
26
23
|
checked: selectedValue === child.props.value,
|
|
27
24
|
} }), index)));
|
|
28
|
-
return ((
|
|
25
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: className, children: renderChildrens() })));
|
|
29
26
|
});
|
|
30
|
-
|
|
27
|
+
RadioGroup.displayName = "RadioGroup";
|
package/dist/Row/Row.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,19 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
|
|
22
|
-
const Row_module_css_1 = __importDefault(require("./Row.module.css"));
|
|
23
|
-
exports.Row = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import boxingStyles from "../boxing.module.css";
|
|
16
|
+
import styles from "./Row.module.css";
|
|
17
|
+
export const Row = forwardRef((_a, ref) => {
|
|
24
18
|
var { align, overflow = "shrink", size = "xl", className, children } = _a, restProps = __rest(_a, ["align", "overflow", "size", "className", "children"]);
|
|
25
|
-
const joinedClassNames = (
|
|
26
|
-
return ((
|
|
19
|
+
const joinedClassNames = classNames(boxingStyles.flexRowBox, { [boxingStyles[align]]: align }, boxingStyles[overflow], styles.row, overflow === "shrink" && "fullWidthLover", styles[size], className);
|
|
20
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
27
21
|
});
|
|
28
|
-
|
|
22
|
+
Row.displayName = "Row";
|
package/dist/Screen/Screen.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,19 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
|
|
22
|
-
const Screen_module_css_1 = __importDefault(require("./Screen.module.css"));
|
|
23
|
-
exports.Screen = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import boxingStyles from "../boxing.module.css";
|
|
16
|
+
import styles from "./Screen.module.css";
|
|
17
|
+
export const Screen = forwardRef((_a, ref) => {
|
|
24
18
|
var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
|
|
25
|
-
const joinedClassNames = (
|
|
26
|
-
return ((
|
|
19
|
+
const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.screen, className);
|
|
20
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
27
21
|
});
|
|
28
|
-
|
|
22
|
+
Screen.displayName = "Screen";
|
package/dist/Select/Select.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,19 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const Select_module_css_1 = __importDefault(require("./Select.module.css"));
|
|
22
|
-
const InputField_module_css_1 = __importDefault(require("../InputField/InputField.module.css"));
|
|
23
|
-
exports.Select = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import styles from "./Select.module.css";
|
|
16
|
+
import inputStyles from "../InputField/InputField.module.css";
|
|
17
|
+
export const Select = forwardRef((_a, ref) => {
|
|
24
18
|
var { variant = "outlined", boxsize = "normal", placeholder, className, children } = _a, restProps = __rest(_a, ["variant", "boxsize", "placeholder", "className", "children"]);
|
|
25
|
-
const joinedClassNames = (
|
|
26
|
-
return ((
|
|
19
|
+
const joinedClassNames = classNames(styles.select, inputStyles.input, inputStyles[variant], inputStyles[boxsize], { [inputStyles.havePlaceHolder]: placeholder }, className);
|
|
20
|
+
return (_jsxs("div", { className: classNames("fullWidthLover", inputStyles.div), children: [_jsx("select", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })), placeholder ? (_jsx("label", { className: inputStyles.label, children: placeholder })) : null] }));
|
|
27
21
|
});
|
|
28
|
-
|
|
22
|
+
Select.displayName = "Select";
|
package/dist/Spacer/Spacer.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,18 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const Spacer_module_css_1 = __importDefault(require("./Spacer.module.css"));
|
|
22
|
-
exports.Spacer = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import styles from "./Spacer.module.css";
|
|
16
|
+
export const Spacer = forwardRef((_a, ref) => {
|
|
23
17
|
var { className } = _a, restProps = __rest(_a, ["className"]);
|
|
24
|
-
const joinedClassNames = (
|
|
25
|
-
return (
|
|
18
|
+
const joinedClassNames = classNames(styles.spacer, className);
|
|
19
|
+
return _jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }));
|
|
26
20
|
});
|
|
27
|
-
|
|
21
|
+
Spacer.displayName = "Spacer";
|
package/dist/Stack/Stack.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,19 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
|
|
22
|
-
const Stack_module_css_1 = __importDefault(require("./Stack.module.css"));
|
|
23
|
-
exports.Stack = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import boxingStyles from "../boxing.module.css";
|
|
16
|
+
import styles from "./Stack.module.css";
|
|
17
|
+
export const Stack = forwardRef((_a, ref) => {
|
|
24
18
|
var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
|
|
25
|
-
const joinedClassNames = (
|
|
26
|
-
return ((
|
|
19
|
+
const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, "fullWidthLover", styles.stack, className);
|
|
20
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
27
21
|
});
|
|
28
|
-
|
|
22
|
+
Stack.displayName = "Stack";
|
package/dist/SvgIcon/SvgIcon.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,19 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const SvgIcon_module_css_1 = __importDefault(require("./SvgIcon.module.css"));
|
|
22
|
-
exports.SvgIcon = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import styles from "./SvgIcon.module.css";
|
|
16
|
+
export const SvgIcon = forwardRef((_a, ref) => {
|
|
23
17
|
var { size, className, style, children } = _a, restProps = __rest(_a, ["size", "className", "style", "children"]);
|
|
24
|
-
const joinedClassNames = (
|
|
18
|
+
const joinedClassNames = classNames(styles.svg, className);
|
|
25
19
|
const sizeStyle = size && { width: `${size}rem`, height: `${size}rem` };
|
|
26
|
-
return ((
|
|
20
|
+
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: Object.assign(Object.assign({}, style), sizeStyle), children: children })));
|
|
27
21
|
});
|
|
28
|
-
|
|
22
|
+
SvgIcon.displayName = "SvgIcon";
|
package/dist/Table/Table.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -10,54 +9,49 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
9
|
}
|
|
11
10
|
return t;
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const Table_module_css_1 = __importDefault(require("./Table.module.css"));
|
|
22
|
-
exports.Table = (0, react_1.forwardRef)((_a, ref) => {
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { forwardRef } from "react";
|
|
14
|
+
import classNames from "classnames";
|
|
15
|
+
import styles from "./Table.module.css";
|
|
16
|
+
export const Table = forwardRef((_a, ref) => {
|
|
23
17
|
var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
|
|
24
|
-
const joinedClassNames = (
|
|
25
|
-
return ((
|
|
18
|
+
const joinedClassNames = classNames("fullWidthLover", styles.table, className);
|
|
19
|
+
return (_jsx("table", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
26
20
|
});
|
|
27
|
-
|
|
28
|
-
|
|
21
|
+
Table.displayName = "Table";
|
|
22
|
+
export const Thead = forwardRef((_a, ref) => {
|
|
29
23
|
var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
|
|
30
|
-
const joinedClassNames = (
|
|
31
|
-
return ((
|
|
24
|
+
const joinedClassNames = classNames(styles.thead, className);
|
|
25
|
+
return (_jsx("thead", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
32
26
|
});
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
Thead.displayName = "Thead";
|
|
28
|
+
export const Tbody = forwardRef((_a, ref) => {
|
|
35
29
|
var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
|
|
36
|
-
const joinedClassNames = (
|
|
37
|
-
return ((
|
|
30
|
+
const joinedClassNames = classNames(styles.tbody, className);
|
|
31
|
+
return (_jsx("tbody", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
38
32
|
});
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
Tbody.displayName = "Tbody";
|
|
34
|
+
export const Tfoot = forwardRef((_a, ref) => {
|
|
41
35
|
var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
|
|
42
|
-
const joinedClassNames = (
|
|
43
|
-
return ((
|
|
36
|
+
const joinedClassNames = classNames(styles.tfoot, className);
|
|
37
|
+
return (_jsx("tfoot", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
44
38
|
});
|
|
45
|
-
|
|
46
|
-
|
|
39
|
+
Tfoot.displayName = "Tfoot";
|
|
40
|
+
export const Tr = forwardRef((_a, ref) => {
|
|
47
41
|
var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
|
|
48
|
-
const joinedClassNames = (
|
|
49
|
-
return ((
|
|
42
|
+
const joinedClassNames = classNames(styles.tr, className);
|
|
43
|
+
return (_jsx("tr", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
50
44
|
});
|
|
51
|
-
|
|
52
|
-
|
|
45
|
+
Tr.displayName = "Tr";
|
|
46
|
+
export const Th = forwardRef((_a, ref) => {
|
|
53
47
|
var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
|
|
54
|
-
const joinedClassNames = (
|
|
55
|
-
return ((
|
|
48
|
+
const joinedClassNames = classNames(styles.th, className);
|
|
49
|
+
return (_jsx("th", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
56
50
|
});
|
|
57
|
-
|
|
58
|
-
|
|
51
|
+
Th.displayName = "Th";
|
|
52
|
+
export const Td = forwardRef((_a, ref) => {
|
|
59
53
|
var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
|
|
60
|
-
const joinedClassNames = (
|
|
61
|
-
return ((
|
|
54
|
+
const joinedClassNames = classNames(styles.td, className);
|
|
55
|
+
return (_jsx("td", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
62
56
|
});
|
|
63
|
-
|
|
57
|
+
Td.displayName = "Td";
|