1 | "use strict";
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | Object.defineProperty(exports, "Box", {
|
7 | enumerable: true,
|
8 | get: function get() {
|
9 | return _reflexbox.Box;
|
10 | }
|
11 | });
|
12 | Object.defineProperty(exports, "Flex", {
|
13 | enumerable: true,
|
14 | get: function get() {
|
15 | return _reflexbox.Flex;
|
16 | }
|
17 | });
|
18 | exports.Card = exports.Image = exports.Button = exports.Link = exports.Heading = exports.Text = void 0;
|
19 |
|
20 | var _react = _interopRequireWildcard(require("react"));
|
21 |
|
22 | var _reflexbox = require("reflexbox");
|
23 |
|
24 | function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
|
25 |
|
26 | function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
27 |
|
28 | var Text = (0, _react.forwardRef)(function (props, ref) {
|
29 | return _react["default"].createElement(_reflexbox.Box, _extends({
|
30 | ref: ref,
|
31 | tx: "text"
|
32 | }, props));
|
33 | });
|
34 | exports.Text = Text;
|
35 | var Heading = (0, _react.forwardRef)(function (props, ref) {
|
36 | return _react["default"].createElement(_reflexbox.Box, _extends({
|
37 | ref: ref,
|
38 | as: "h2",
|
39 | tx: "text"
|
40 | }, props, {
|
41 | __css: {
|
42 | fontSize: 4,
|
43 | fontFamily: 'heading',
|
44 | fontWeight: 'heading',
|
45 | lineHeight: 'heading'
|
46 | }
|
47 | }));
|
48 | });
|
49 | exports.Heading = Heading;
|
50 | var Link = (0, _react.forwardRef)(function (props, ref) {
|
51 | return _react["default"].createElement(_reflexbox.Box, _extends({
|
52 | ref: ref,
|
53 | as: "a",
|
54 | variant: "link"
|
55 | }, props));
|
56 | });
|
57 | exports.Link = Link;
|
58 | var Button = (0, _react.forwardRef)(function (props, ref) {
|
59 | return _react["default"].createElement(_reflexbox.Box, _extends({
|
60 | ref: ref,
|
61 | as: "button",
|
62 | tx: "buttons",
|
63 | variant: "primary"
|
64 | }, props, {
|
65 | __css: {
|
66 | appearance: 'none',
|
67 | display: 'inline-block',
|
68 | textAlign: 'center',
|
69 | lineHeight: 'inherit',
|
70 | textDecoration: 'none',
|
71 | fontSize: 'inherit',
|
72 | px: 3,
|
73 | py: 2,
|
74 | color: 'white',
|
75 | bg: 'primary',
|
76 | border: 0,
|
77 | borderRadius: 4
|
78 | }
|
79 | }));
|
80 | });
|
81 | exports.Button = Button;
|
82 | var Image = (0, _react.forwardRef)(function (props, ref) {
|
83 | return _react["default"].createElement(_reflexbox.Box, _extends({
|
84 | ref: ref,
|
85 | as: "img"
|
86 | }, props, {
|
87 | __css: {
|
88 | maxWidth: '100%',
|
89 | height: 'auto'
|
90 | }
|
91 | }));
|
92 | });
|
93 | exports.Image = Image;
|
94 | var Card = (0, _react.forwardRef)(function (props, ref) {
|
95 | return _react["default"].createElement(_reflexbox.Box, _extends({
|
96 | ref: ref,
|
97 | variant: "card"
|
98 | }, props));
|
99 | });
|
100 | exports.Card = Card; |
\ | No newline at end of file |