colibri-ui 0.7.13 → 0.7.15
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/Checkbox/index.js +4 -4
- package/Checkbox/index.props.d.ts +3 -3
- package/Checkbox/styles.d.ts +1 -1
- package/Checkbox/styles.js +8 -8
- package/Grid/index.js +9 -0
- package/Grid/index.props.d.ts +3 -0
- package/Grid/styles.d.ts +4 -0
- package/Grid/styles.js +11 -2
- package/esm/Checkbox/index.js +4 -4
- package/esm/Checkbox/index.props.d.ts +3 -3
- package/esm/Checkbox/styles.d.ts +1 -1
- package/esm/Checkbox/styles.js +8 -8
- package/esm/Grid/index.js +9 -0
- package/esm/Grid/index.props.d.ts +3 -0
- package/esm/Grid/styles.d.ts +4 -0
- package/esm/Grid/styles.js +11 -2
- package/package.json +1 -1
package/Grid/index.js
CHANGED
|
@@ -7,10 +7,19 @@ var styles = require('./styles.js');
|
|
|
7
7
|
|
|
8
8
|
var Grid = function Grid(_a) {
|
|
9
9
|
var children = _a.children,
|
|
10
|
+
_b = _a.gridRowGap,
|
|
11
|
+
gridRowGap = _b === void 0 ? 24 : _b,
|
|
12
|
+
_c = _a.gridColumnGap,
|
|
13
|
+
gridColumnGap = _c === void 0 ? 16 : _c,
|
|
14
|
+
_d = _a.gridItemMinWidth,
|
|
15
|
+
gridItemMinWidth = _d === void 0 ? 136 : _d,
|
|
10
16
|
className = _a.className;
|
|
11
17
|
return jsxRuntime.jsx(styles.GridWrapper, {
|
|
12
18
|
className: className,
|
|
13
19
|
children: jsxRuntime.jsx(styles.GridItems, {
|
|
20
|
+
gridRowGap: gridRowGap,
|
|
21
|
+
gridColumnGap: gridColumnGap,
|
|
22
|
+
gridItemMinWidth: gridItemMinWidth,
|
|
14
23
|
children: children
|
|
15
24
|
})
|
|
16
25
|
});
|
package/Grid/index.props.d.ts
CHANGED
package/Grid/styles.d.ts
CHANGED
|
@@ -6,4 +6,8 @@ export declare const GridWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
6
6
|
export declare const GridItems: import("@emotion/styled").StyledComponent<{
|
|
7
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
8
8
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
} & {
|
|
10
|
+
gridRowGap?: number | undefined;
|
|
11
|
+
gridColumnGap?: number | undefined;
|
|
12
|
+
gridItemMinWidth?: number | undefined;
|
|
9
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
package/Grid/styles.js
CHANGED
|
@@ -12,13 +12,22 @@ var GridWrapper = /*#__PURE__*/_styled__default.default("div", process.env.NODE_
|
|
|
12
12
|
} : {
|
|
13
13
|
target: "e1wwgvwc1",
|
|
14
14
|
label: "GridWrapper"
|
|
15
|
-
})(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
})(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])));
|
|
16
16
|
var GridItems = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
17
17
|
target: "e1wwgvwc0"
|
|
18
18
|
} : {
|
|
19
19
|
target: "e1wwgvwc0",
|
|
20
20
|
label: "GridItems"
|
|
21
|
-
})(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n display: grid;\n\n row-gap:
|
|
21
|
+
})(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n display: grid;\n\n row-gap: ", "px;\n column-gap: ", "px;\n\n grid-template-columns: repeat(auto-fit, minmax(", "px, 1fr));\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n display: grid;\n\n row-gap: ", "px;\n column-gap: ", "px;\n\n grid-template-columns: repeat(auto-fit, minmax(", "px, 1fr));\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])), function (_a) {
|
|
22
|
+
var gridRowGap = _a.gridRowGap;
|
|
23
|
+
return gridRowGap;
|
|
24
|
+
}, function (_a) {
|
|
25
|
+
var gridColumnGap = _a.gridColumnGap;
|
|
26
|
+
return gridColumnGap;
|
|
27
|
+
}, function (_a) {
|
|
28
|
+
var gridItemMinWidth = _a.gridItemMinWidth;
|
|
29
|
+
return gridItemMinWidth;
|
|
30
|
+
});
|
|
22
31
|
var templateObject_1, templateObject_2;
|
|
23
32
|
|
|
24
33
|
exports.GridItems = GridItems;
|
package/esm/Checkbox/index.js
CHANGED
|
@@ -5,7 +5,7 @@ var Checkbox = function Checkbox(_a) {
|
|
|
5
5
|
var id = _a.id,
|
|
6
6
|
name = _a.name,
|
|
7
7
|
value = _a.value,
|
|
8
|
-
|
|
8
|
+
label = _a.label,
|
|
9
9
|
checked = _a.checked,
|
|
10
10
|
onChange = _a.onChange,
|
|
11
11
|
onFocus = _a.onFocus,
|
|
@@ -14,7 +14,7 @@ var Checkbox = function Checkbox(_a) {
|
|
|
14
14
|
variant = _b === void 0 ? "primary" : _b,
|
|
15
15
|
className = _a.className,
|
|
16
16
|
disabled = _a.disabled,
|
|
17
|
-
|
|
17
|
+
isError = _a.isError;
|
|
18
18
|
var control = jsxs(Fragment, {
|
|
19
19
|
children: [jsx(Control, {
|
|
20
20
|
className: className,
|
|
@@ -31,9 +31,9 @@ var Checkbox = function Checkbox(_a) {
|
|
|
31
31
|
}), jsx(FakeCheckbox, {
|
|
32
32
|
variant: variant,
|
|
33
33
|
checked: checked,
|
|
34
|
-
|
|
34
|
+
isError: isError
|
|
35
35
|
}), jsx(Text, {
|
|
36
|
-
children:
|
|
36
|
+
children: label
|
|
37
37
|
})]
|
|
38
38
|
});
|
|
39
39
|
return jsx(Label, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { CSSObject } from "@emotion/react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
3
|
type VariantStyles = {
|
|
4
4
|
backgroundColor?: CSSObject["backgroundColor"];
|
|
5
5
|
borderColor?: CSSObject["borderColor"];
|
|
@@ -22,13 +22,13 @@ export interface CheckboxProps {
|
|
|
22
22
|
id?: string;
|
|
23
23
|
name?: string;
|
|
24
24
|
value?: string | number;
|
|
25
|
-
|
|
25
|
+
label?: ReactNode;
|
|
26
26
|
checked?: boolean;
|
|
27
27
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
28
28
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
29
29
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
30
30
|
className?: string;
|
|
31
31
|
disabled?: boolean;
|
|
32
|
-
|
|
32
|
+
isError?: boolean;
|
|
33
33
|
}
|
|
34
34
|
export {};
|
package/esm/Checkbox/styles.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export declare const FakeCheckbox: import("@emotion/styled").StyledComponent<{
|
|
|
13
13
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
14
14
|
} & {
|
|
15
15
|
checked?: boolean | undefined;
|
|
16
|
-
|
|
16
|
+
isError?: boolean | undefined;
|
|
17
17
|
variant: keyof CheckboxVariant;
|
|
18
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
19
19
|
export declare const Control: import("@emotion/styled").StyledComponent<{
|