@wireapp/react-ui-kit 9.0.10 → 9.0.11
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/lib/Form/ShakeBox.d.ts +3 -2
- package/lib/Form/ShakeBox.d.ts.map +1 -1
- package/lib/Layout/Container.d.ts +8 -8
- package/lib/Layout/Container.d.ts.map +1 -1
- package/lib/Layout/Container.js +21 -31
- package/lib/Text/Text.d.ts +6 -6
- package/lib/Text/Text.d.ts.map +1 -1
- package/lib/Text/Text.js +4 -4
- package/package.json +2 -2
package/lib/Form/ShakeBox.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export interface ShakeBoxProps
|
|
2
|
+
export interface ShakeBoxProps {
|
|
3
3
|
amplitude?: number;
|
|
4
4
|
damping?: number;
|
|
5
5
|
speed?: number;
|
|
6
6
|
threshold?: number;
|
|
7
|
+
children?: React.ReactNode;
|
|
7
8
|
}
|
|
8
9
|
export interface ShakeBoxRef {
|
|
9
10
|
shake: () => void;
|
|
10
11
|
}
|
|
11
|
-
export declare const ShakeBox: React.ForwardRefExoticComponent<
|
|
12
|
+
export declare const ShakeBox: React.ForwardRefExoticComponent<ShakeBoxProps & React.RefAttributes<ShakeBoxRef>>;
|
|
12
13
|
//# sourceMappingURL=ShakeBox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShakeBox.d.ts","sourceRoot":"","sources":["../../src/Form/ShakeBox.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ShakeBox.d.ts","sourceRoot":"","sources":["../../src/Form/ShakeBox.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,mFAiCpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
export interface ContainerProps
|
|
1
|
+
import { FC, HTMLProps } from 'react';
|
|
2
|
+
export interface ContainerProps extends HTMLProps<HTMLDivElement> {
|
|
3
3
|
centerText?: boolean;
|
|
4
4
|
level?: keyof Level;
|
|
5
5
|
verticalCenter?: boolean;
|
|
@@ -11,11 +11,11 @@ export interface Level {
|
|
|
11
11
|
xs: number;
|
|
12
12
|
xxs: number;
|
|
13
13
|
}
|
|
14
|
-
export declare const Container:
|
|
14
|
+
export declare const Container: FC<ContainerProps>;
|
|
15
15
|
export type LevelContainerProps = Omit<ContainerProps, 'level'>;
|
|
16
|
-
export declare const ContainerLG:
|
|
17
|
-
export declare const ContainerMD:
|
|
18
|
-
export declare const ContainerSM:
|
|
19
|
-
export declare const ContainerXS:
|
|
20
|
-
export declare const ContainerXXS:
|
|
16
|
+
export declare const ContainerLG: FC<ContainerProps>;
|
|
17
|
+
export declare const ContainerMD: FC<ContainerProps>;
|
|
18
|
+
export declare const ContainerSM: FC<ContainerProps>;
|
|
19
|
+
export declare const ContainerXS: FC<ContainerProps>;
|
|
20
|
+
export declare const ContainerXXS: FC<ContainerProps>;
|
|
21
21
|
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/Layout/Container.tsx"],"names":[],"mappings":"AAmBA,OAAO,
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/Layout/Container.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,EAAE,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAQhD,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb;AA4BD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAExC,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;AAEhE,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAEzC,CAAC;AAGH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAEzC,CAAC;AAGH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAEzC,CAAC;AAGH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAEzC,CAAC;AAGH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAE1C,CAAC"}
|
package/lib/Layout/Container.js
CHANGED
|
@@ -1,26 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
24
12
|
};
|
|
25
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
14
|
exports.ContainerXXS = exports.ContainerXS = exports.ContainerSM = exports.ContainerMD = exports.ContainerLG = exports.Container = void 0;
|
|
@@ -43,10 +31,9 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
43
31
|
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
44
32
|
*
|
|
45
33
|
*/
|
|
46
|
-
const
|
|
34
|
+
const react_1 = require("react");
|
|
47
35
|
const sizes_1 = require("./sizes");
|
|
48
36
|
const mediaQueries_1 = require("../mediaQueries");
|
|
49
|
-
const util_1 = require("../util");
|
|
50
37
|
const LEVEL = {
|
|
51
38
|
lg: sizes_1.WIDTH.DESKTOP_MAX,
|
|
52
39
|
md: sizes_1.WIDTH.TABLET_MAX,
|
|
@@ -67,16 +54,19 @@ const containerStyle = ({ centerText = false, level = undefined, verticalCenter
|
|
|
67
54
|
width: `${sizes_1.WIDTH.DESKTOP_MIN - sizes_1.GUTTER * 2}px`,
|
|
68
55
|
},
|
|
69
56
|
});
|
|
70
|
-
const
|
|
71
|
-
|
|
57
|
+
const Container = (_a, ref) => {
|
|
58
|
+
var { centerText, level, verticalCenter } = _a, props = __rest(_a, ["centerText", "level", "verticalCenter"]);
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, css: containerStyle({ centerText, level, verticalCenter }) }, props)));
|
|
60
|
+
};
|
|
61
|
+
exports.Container = Container;
|
|
72
62
|
exports.Container.displayName = 'Container';
|
|
73
|
-
exports.ContainerLG =
|
|
63
|
+
exports.ContainerLG = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'lg' }, props))));
|
|
74
64
|
exports.ContainerLG.displayName = 'ContainerLG';
|
|
75
|
-
exports.ContainerMD =
|
|
65
|
+
exports.ContainerMD = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'md' }, props))));
|
|
76
66
|
exports.ContainerMD.displayName = 'ContainerMD';
|
|
77
|
-
exports.ContainerSM =
|
|
67
|
+
exports.ContainerSM = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'sm' }, props))));
|
|
78
68
|
exports.ContainerSM.displayName = 'ContainerSM';
|
|
79
|
-
exports.ContainerXS =
|
|
69
|
+
exports.ContainerXS = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xs' }, props))));
|
|
80
70
|
exports.ContainerXS.displayName = 'ContainerXS';
|
|
81
|
-
exports.ContainerXXS =
|
|
71
|
+
exports.ContainerXXS = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xxs' }, props))));
|
|
82
72
|
exports.ContainerXXS.displayName = 'ContainerXXS';
|
package/lib/Text/Text.d.ts
CHANGED
|
@@ -16,10 +16,10 @@ export interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React
|
|
|
16
16
|
}
|
|
17
17
|
export declare const filterTextProps: (props: TextProps) => Object;
|
|
18
18
|
export declare const textStyle: <T>(theme: Theme, props: TextProps<T>) => CSSObject;
|
|
19
|
-
export declare const Text: React.
|
|
20
|
-
export declare const Bold: React.
|
|
21
|
-
export declare const Small: React.
|
|
22
|
-
export declare const Muted: React.
|
|
23
|
-
export declare const Uppercase: React.
|
|
24
|
-
export declare const Large: React.
|
|
19
|
+
export declare const Text: React.FC<TextProps>;
|
|
20
|
+
export declare const Bold: React.FC<TextProps>;
|
|
21
|
+
export declare const Small: React.FC<TextProps>;
|
|
22
|
+
export declare const Muted: React.FC<TextProps>;
|
|
23
|
+
export declare const Uppercase: React.FC<TextProps>;
|
|
24
|
+
export declare const Large: React.FC<TextProps>;
|
|
25
25
|
//# sourceMappingURL=Text.d.ts.map
|
package/lib/Text/Text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,UAAW,SAAS,WAa/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAwBhE,CAAC;AAEH,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,UAAW,SAAS,WAa/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAwBhE,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEnC,CAAC;AAGH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEnC,CAAC;AAGH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAErC,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAErC,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAErC,CAAC"}
|
package/lib/Text/Text.js
CHANGED
|
@@ -77,11 +77,11 @@ exports.Text = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)("span",
|
|
|
77
77
|
exports.Text.displayName = 'Text';
|
|
78
78
|
exports.Bold = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, bold: true }, props))));
|
|
79
79
|
exports.Bold.displayName = 'Bold';
|
|
80
|
-
exports.Small = React.forwardRef((props, ref) => (
|
|
80
|
+
exports.Small = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, fontSize: '12px' }, props)));
|
|
81
81
|
exports.Small.displayName = 'Small';
|
|
82
|
-
exports.Muted = React.forwardRef((props, ref) => (
|
|
82
|
+
exports.Muted = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, muted: true }, props)));
|
|
83
83
|
exports.Muted.displayName = 'Muted';
|
|
84
|
-
exports.Uppercase = React.forwardRef((props, ref) => (
|
|
84
|
+
exports.Uppercase = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, textTransform: 'uppercase' }, props)));
|
|
85
85
|
exports.Uppercase.displayName = 'Uppercase';
|
|
86
|
-
exports.Large = React.forwardRef((props, ref) => (
|
|
86
|
+
exports.Large = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, fontSize: '48px', light: true }, props)));
|
|
87
87
|
exports.Large.displayName = 'Large';
|
package/package.json
CHANGED