@pingux/astro 1.13.0-alpha.5 → 1.13.0-alpha.6
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.
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
+
|
|
7
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
exports["default"] = exports.Spacing = void 0;
|
|
12
|
+
|
|
13
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
14
|
+
|
|
15
|
+
var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
|
|
16
|
+
|
|
17
|
+
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
18
|
+
|
|
19
|
+
var _react = _interopRequireDefault(require("react"));
|
|
20
|
+
|
|
21
|
+
var _Text = _interopRequireDefault(require("../components/Text"));
|
|
22
|
+
|
|
23
|
+
var _spacing = _interopRequireDefault(require("./spacing"));
|
|
24
|
+
|
|
25
|
+
var _ = require("..");
|
|
26
|
+
|
|
27
|
+
var _react2 = require("@emotion/react");
|
|
28
|
+
|
|
29
|
+
var _default = {
|
|
30
|
+
title: 'Design/Spacing'
|
|
31
|
+
};
|
|
32
|
+
exports["default"] = _default;
|
|
33
|
+
var tableBodyStyles = {
|
|
34
|
+
border: 'unset'
|
|
35
|
+
};
|
|
36
|
+
var tableRowStyles = {
|
|
37
|
+
backgroundColor: 'transparent !important'
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
var Spacing = function Spacing() {
|
|
41
|
+
var _context;
|
|
42
|
+
|
|
43
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
|
|
44
|
+
variant: "sectionTitle"
|
|
45
|
+
}, "Spacing"), (0, _react2.jsx)(_.Separator, {
|
|
46
|
+
mb: "sm"
|
|
47
|
+
}), (0, _react2.jsx)(_.Table, {
|
|
48
|
+
width: "75%"
|
|
49
|
+
}, (0, _react2.jsx)(_.TableHead, null, (0, _react2.jsx)(_.TableRow, {
|
|
50
|
+
sx: tableRowStyles,
|
|
51
|
+
key: "head"
|
|
52
|
+
}, (0, _react2.jsx)(_.TableCell, {
|
|
53
|
+
isHeading: true,
|
|
54
|
+
key: "name"
|
|
55
|
+
}, "Token"), (0, _react2.jsx)(_.TableCell, {
|
|
56
|
+
isHeading: true,
|
|
57
|
+
key: "value"
|
|
58
|
+
}, "Size"))), (0, _map["default"])(_context = (0, _entries["default"])(_spacing["default"])).call(_context, function (_ref) {
|
|
59
|
+
var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
|
|
60
|
+
key = _ref2[0],
|
|
61
|
+
value = _ref2[1];
|
|
62
|
+
|
|
63
|
+
return (0, _react2.jsx)(_.TableBody, {
|
|
64
|
+
sx: tableBodyStyles,
|
|
65
|
+
key: key
|
|
66
|
+
}, (0, _react2.jsx)(_.TableRow, {
|
|
67
|
+
sx: tableRowStyles
|
|
68
|
+
}, (0, _react2.jsx)(_.TableCell, {
|
|
69
|
+
bg: "white"
|
|
70
|
+
}, key), (0, _react2.jsx)(_.TableCell, {
|
|
71
|
+
bg: "white"
|
|
72
|
+
}, value, "px")));
|
|
73
|
+
})));
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
exports.Spacing = Spacing;
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
+
|
|
7
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
exports["default"] = exports.TypographyTokens = void 0;
|
|
12
|
+
|
|
13
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
14
|
+
|
|
15
|
+
var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
|
|
16
|
+
|
|
17
|
+
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
18
|
+
|
|
19
|
+
var _react = _interopRequireDefault(require("react"));
|
|
20
|
+
|
|
21
|
+
var _Text = _interopRequireDefault(require("../components/Text"));
|
|
22
|
+
|
|
23
|
+
var _ = require("..");
|
|
24
|
+
|
|
25
|
+
var _text = require("./text");
|
|
26
|
+
|
|
27
|
+
var _react2 = require("@emotion/react");
|
|
28
|
+
|
|
29
|
+
var _default = {
|
|
30
|
+
title: 'Design/Typography'
|
|
31
|
+
};
|
|
32
|
+
exports["default"] = _default;
|
|
33
|
+
var tableBodyStyles = {
|
|
34
|
+
border: 'unset'
|
|
35
|
+
};
|
|
36
|
+
var tableRowStyles = {
|
|
37
|
+
backgroundColor: 'transparent !important'
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
var TypographyTokens = function TypographyTokens() {
|
|
41
|
+
var _context, _context2;
|
|
42
|
+
|
|
43
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
|
|
44
|
+
variant: "sectionTitle"
|
|
45
|
+
}, "Font Sizes"), (0, _react2.jsx)(_.Separator, {
|
|
46
|
+
mb: "sm"
|
|
47
|
+
}), (0, _react2.jsx)(_.Table, {
|
|
48
|
+
width: "75%"
|
|
49
|
+
}, (0, _react2.jsx)(_.TableHead, null, (0, _react2.jsx)(_.TableRow, {
|
|
50
|
+
key: "head"
|
|
51
|
+
}, (0, _react2.jsx)(_.TableCell, {
|
|
52
|
+
isHeading: true
|
|
53
|
+
}, "Token"), (0, _react2.jsx)(_.TableCell, {
|
|
54
|
+
isHeading: true
|
|
55
|
+
}, "Size"), (0, _react2.jsx)(_.TableCell, {
|
|
56
|
+
isHeading: true
|
|
57
|
+
}, "Example"))), (0, _map["default"])(_context = (0, _entries["default"])(_text.fontSizes)).call(_context, function (_ref) {
|
|
58
|
+
var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
|
|
59
|
+
key = _ref2[0],
|
|
60
|
+
value = _ref2[1];
|
|
61
|
+
|
|
62
|
+
return (0, _react2.jsx)(_.TableBody, {
|
|
63
|
+
sx: tableBodyStyles,
|
|
64
|
+
key: key
|
|
65
|
+
}, (0, _react2.jsx)(_.TableRow, {
|
|
66
|
+
sx: tableRowStyles
|
|
67
|
+
}, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
|
|
68
|
+
fontSize: value
|
|
69
|
+
}, key)), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
|
|
70
|
+
fontSize: value
|
|
71
|
+
}, value)), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
|
|
72
|
+
fontSize: value
|
|
73
|
+
}, "<Text fontSize={", key, "} />"))));
|
|
74
|
+
}))), (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
|
|
75
|
+
variant: "sectionTitle",
|
|
76
|
+
mt: "xx"
|
|
77
|
+
}, "Font Weights"), (0, _react2.jsx)(_.Separator, {
|
|
78
|
+
mb: "sm"
|
|
79
|
+
}), (0, _react2.jsx)(_.Table, {
|
|
80
|
+
width: "75%"
|
|
81
|
+
}, (0, _react2.jsx)(_.TableHead, null, (0, _react2.jsx)(_.TableRow, {
|
|
82
|
+
key: "head"
|
|
83
|
+
}, (0, _react2.jsx)(_.TableCell, {
|
|
84
|
+
isHeading: true
|
|
85
|
+
}, "Token"), (0, _react2.jsx)(_.TableCell, {
|
|
86
|
+
isHeading: true
|
|
87
|
+
}, "Size"), (0, _react2.jsx)(_.TableCell, {
|
|
88
|
+
isHeading: true
|
|
89
|
+
}, "Example"))), (0, _map["default"])(_context2 = (0, _entries["default"])(_text.fontWeights)).call(_context2, function (_ref3) {
|
|
90
|
+
var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
|
|
91
|
+
key = _ref4[0],
|
|
92
|
+
value = _ref4[1];
|
|
93
|
+
|
|
94
|
+
return (0, _react2.jsx)(_.TableBody, {
|
|
95
|
+
sx: tableBodyStyles,
|
|
96
|
+
key: key
|
|
97
|
+
}, (0, _react2.jsx)(_.TableRow, {
|
|
98
|
+
sx: tableRowStyles
|
|
99
|
+
}, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
|
|
100
|
+
fontWeight: value
|
|
101
|
+
}, key)), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
|
|
102
|
+
fontWeight: value
|
|
103
|
+
}, value)), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_Text["default"], {
|
|
104
|
+
fontWeight: value
|
|
105
|
+
}, "<Text fontWeight={", key, "} />"))));
|
|
106
|
+
}))), (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
|
|
107
|
+
variant: "sectionTitle",
|
|
108
|
+
mt: "xx"
|
|
109
|
+
}, "Text Colors"), (0, _react2.jsx)(_.Separator, {
|
|
110
|
+
mb: "sm"
|
|
111
|
+
}), (0, _react2.jsx)(_.Table, {
|
|
112
|
+
width: "75%"
|
|
113
|
+
}, (0, _react2.jsx)(_.TableHead, null, (0, _react2.jsx)(_.TableRow, {
|
|
114
|
+
key: "head"
|
|
115
|
+
}, (0, _react2.jsx)(_.TableCell, {
|
|
116
|
+
isHeading: true
|
|
117
|
+
}, "Token"), (0, _react2.jsx)(_.TableCell, {
|
|
118
|
+
isHeading: true
|
|
119
|
+
}, "Color"), (0, _react2.jsx)(_.TableCell, {
|
|
120
|
+
isHeading: true
|
|
121
|
+
}, "Example"))), (0, _react2.jsx)(_.TableBody, {
|
|
122
|
+
sx: tableBodyStyles
|
|
123
|
+
}, (0, _react2.jsx)(_.TableRow, {
|
|
124
|
+
sx: tableRowStyles
|
|
125
|
+
}, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Box, {
|
|
126
|
+
isRow: true
|
|
127
|
+
}, (0, _react2.jsx)(_.Box, {
|
|
128
|
+
width: "30px",
|
|
129
|
+
height: "30px",
|
|
130
|
+
bg: "text.primary",
|
|
131
|
+
mr: "xs"
|
|
132
|
+
}), (0, _react2.jsx)(_Text["default"], {
|
|
133
|
+
alignSelf: "center"
|
|
134
|
+
}, "text.primary"))), (0, _react2.jsx)(_.TableCell, {
|
|
135
|
+
alignSelf: "center"
|
|
136
|
+
}, (0, _react2.jsx)(_Text["default"], null, "neutral.10")), (0, _react2.jsx)(_.TableCell, {
|
|
137
|
+
alignSelf: "center"
|
|
138
|
+
}, (0, _react2.jsx)(_Text["default"], {
|
|
139
|
+
color: "text.primary"
|
|
140
|
+
}, "<Text textColor={text.primary} />"))), (0, _react2.jsx)(_.TableRow, {
|
|
141
|
+
sx: tableRowStyles
|
|
142
|
+
}, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Box, {
|
|
143
|
+
isRow: true
|
|
144
|
+
}, (0, _react2.jsx)(_.Box, {
|
|
145
|
+
width: "30px",
|
|
146
|
+
height: "30px",
|
|
147
|
+
bg: "text.secondary",
|
|
148
|
+
mr: "xs"
|
|
149
|
+
}), (0, _react2.jsx)(_Text["default"], {
|
|
150
|
+
alignSelf: "center"
|
|
151
|
+
}, "text.secondary"))), (0, _react2.jsx)(_.TableCell, {
|
|
152
|
+
alignSelf: "center"
|
|
153
|
+
}, (0, _react2.jsx)(_Text["default"], null, "neutral.40")), (0, _react2.jsx)(_.TableCell, {
|
|
154
|
+
alignSelf: "center"
|
|
155
|
+
}, (0, _react2.jsx)(_Text["default"], {
|
|
156
|
+
color: "text.secondary"
|
|
157
|
+
}, "<Text color={text.secondary} />")))))));
|
|
158
|
+
};
|
|
159
|
+
|
|
160
|
+
exports.TypographyTokens = TypographyTokens;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
|
2
|
+
import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
|
|
3
|
+
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import Text from '../components/Text';
|
|
6
|
+
import scale from './spacing';
|
|
7
|
+
import { Table, TableHead, TableRow, TableBody, TableCell, Separator } from '..';
|
|
8
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
9
|
+
export default {
|
|
10
|
+
title: 'Design/Spacing'
|
|
11
|
+
};
|
|
12
|
+
var tableBodyStyles = {
|
|
13
|
+
border: 'unset'
|
|
14
|
+
};
|
|
15
|
+
var tableRowStyles = {
|
|
16
|
+
backgroundColor: 'transparent !important'
|
|
17
|
+
};
|
|
18
|
+
export var Spacing = function Spacing() {
|
|
19
|
+
var _context;
|
|
20
|
+
|
|
21
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
|
|
22
|
+
variant: "sectionTitle"
|
|
23
|
+
}, "Spacing"), ___EmotionJSX(Separator, {
|
|
24
|
+
mb: "sm"
|
|
25
|
+
}), ___EmotionJSX(Table, {
|
|
26
|
+
width: "75%"
|
|
27
|
+
}, ___EmotionJSX(TableHead, null, ___EmotionJSX(TableRow, {
|
|
28
|
+
sx: tableRowStyles,
|
|
29
|
+
key: "head"
|
|
30
|
+
}, ___EmotionJSX(TableCell, {
|
|
31
|
+
isHeading: true,
|
|
32
|
+
key: "name"
|
|
33
|
+
}, "Token"), ___EmotionJSX(TableCell, {
|
|
34
|
+
isHeading: true,
|
|
35
|
+
key: "value"
|
|
36
|
+
}, "Size"))), _mapInstanceProperty(_context = _Object$entries(scale)).call(_context, function (_ref) {
|
|
37
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
38
|
+
key = _ref2[0],
|
|
39
|
+
value = _ref2[1];
|
|
40
|
+
|
|
41
|
+
return ___EmotionJSX(TableBody, {
|
|
42
|
+
sx: tableBodyStyles,
|
|
43
|
+
key: key
|
|
44
|
+
}, ___EmotionJSX(TableRow, {
|
|
45
|
+
sx: tableRowStyles
|
|
46
|
+
}, ___EmotionJSX(TableCell, {
|
|
47
|
+
bg: "white"
|
|
48
|
+
}, key), ___EmotionJSX(TableCell, {
|
|
49
|
+
bg: "white"
|
|
50
|
+
}, value, "px")));
|
|
51
|
+
})));
|
|
52
|
+
};
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
|
2
|
+
import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
|
|
3
|
+
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import Text from '../components/Text';
|
|
6
|
+
import { Table, TableRow, TableBody, TableHead, TableCell, Box, Separator } from '..';
|
|
7
|
+
import { fontWeights, fontSizes } from './text';
|
|
8
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
9
|
+
export default {
|
|
10
|
+
title: 'Design/Typography'
|
|
11
|
+
};
|
|
12
|
+
var tableBodyStyles = {
|
|
13
|
+
border: 'unset'
|
|
14
|
+
};
|
|
15
|
+
var tableRowStyles = {
|
|
16
|
+
backgroundColor: 'transparent !important'
|
|
17
|
+
};
|
|
18
|
+
export var TypographyTokens = function TypographyTokens() {
|
|
19
|
+
var _context, _context2;
|
|
20
|
+
|
|
21
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
|
|
22
|
+
variant: "sectionTitle"
|
|
23
|
+
}, "Font Sizes"), ___EmotionJSX(Separator, {
|
|
24
|
+
mb: "sm"
|
|
25
|
+
}), ___EmotionJSX(Table, {
|
|
26
|
+
width: "75%"
|
|
27
|
+
}, ___EmotionJSX(TableHead, null, ___EmotionJSX(TableRow, {
|
|
28
|
+
key: "head"
|
|
29
|
+
}, ___EmotionJSX(TableCell, {
|
|
30
|
+
isHeading: true
|
|
31
|
+
}, "Token"), ___EmotionJSX(TableCell, {
|
|
32
|
+
isHeading: true
|
|
33
|
+
}, "Size"), ___EmotionJSX(TableCell, {
|
|
34
|
+
isHeading: true
|
|
35
|
+
}, "Example"))), _mapInstanceProperty(_context = _Object$entries(fontSizes)).call(_context, function (_ref) {
|
|
36
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
37
|
+
key = _ref2[0],
|
|
38
|
+
value = _ref2[1];
|
|
39
|
+
|
|
40
|
+
return ___EmotionJSX(TableBody, {
|
|
41
|
+
sx: tableBodyStyles,
|
|
42
|
+
key: key
|
|
43
|
+
}, ___EmotionJSX(TableRow, {
|
|
44
|
+
sx: tableRowStyles
|
|
45
|
+
}, ___EmotionJSX(TableCell, null, ___EmotionJSX(Text, {
|
|
46
|
+
fontSize: value
|
|
47
|
+
}, key)), ___EmotionJSX(TableCell, null, ___EmotionJSX(Text, {
|
|
48
|
+
fontSize: value
|
|
49
|
+
}, value)), ___EmotionJSX(TableCell, null, ___EmotionJSX(Text, {
|
|
50
|
+
fontSize: value
|
|
51
|
+
}, "<Text fontSize={", key, "} />"))));
|
|
52
|
+
}))), ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
|
|
53
|
+
variant: "sectionTitle",
|
|
54
|
+
mt: "xx"
|
|
55
|
+
}, "Font Weights"), ___EmotionJSX(Separator, {
|
|
56
|
+
mb: "sm"
|
|
57
|
+
}), ___EmotionJSX(Table, {
|
|
58
|
+
width: "75%"
|
|
59
|
+
}, ___EmotionJSX(TableHead, null, ___EmotionJSX(TableRow, {
|
|
60
|
+
key: "head"
|
|
61
|
+
}, ___EmotionJSX(TableCell, {
|
|
62
|
+
isHeading: true
|
|
63
|
+
}, "Token"), ___EmotionJSX(TableCell, {
|
|
64
|
+
isHeading: true
|
|
65
|
+
}, "Size"), ___EmotionJSX(TableCell, {
|
|
66
|
+
isHeading: true
|
|
67
|
+
}, "Example"))), _mapInstanceProperty(_context2 = _Object$entries(fontWeights)).call(_context2, function (_ref3) {
|
|
68
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
69
|
+
key = _ref4[0],
|
|
70
|
+
value = _ref4[1];
|
|
71
|
+
|
|
72
|
+
return ___EmotionJSX(TableBody, {
|
|
73
|
+
sx: tableBodyStyles,
|
|
74
|
+
key: key
|
|
75
|
+
}, ___EmotionJSX(TableRow, {
|
|
76
|
+
sx: tableRowStyles
|
|
77
|
+
}, ___EmotionJSX(TableCell, null, ___EmotionJSX(Text, {
|
|
78
|
+
fontWeight: value
|
|
79
|
+
}, key)), ___EmotionJSX(TableCell, null, ___EmotionJSX(Text, {
|
|
80
|
+
fontWeight: value
|
|
81
|
+
}, value)), ___EmotionJSX(TableCell, null, ___EmotionJSX(Text, {
|
|
82
|
+
fontWeight: value
|
|
83
|
+
}, "<Text fontWeight={", key, "} />"))));
|
|
84
|
+
}))), ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
|
|
85
|
+
variant: "sectionTitle",
|
|
86
|
+
mt: "xx"
|
|
87
|
+
}, "Text Colors"), ___EmotionJSX(Separator, {
|
|
88
|
+
mb: "sm"
|
|
89
|
+
}), ___EmotionJSX(Table, {
|
|
90
|
+
width: "75%"
|
|
91
|
+
}, ___EmotionJSX(TableHead, null, ___EmotionJSX(TableRow, {
|
|
92
|
+
key: "head"
|
|
93
|
+
}, ___EmotionJSX(TableCell, {
|
|
94
|
+
isHeading: true
|
|
95
|
+
}, "Token"), ___EmotionJSX(TableCell, {
|
|
96
|
+
isHeading: true
|
|
97
|
+
}, "Color"), ___EmotionJSX(TableCell, {
|
|
98
|
+
isHeading: true
|
|
99
|
+
}, "Example"))), ___EmotionJSX(TableBody, {
|
|
100
|
+
sx: tableBodyStyles
|
|
101
|
+
}, ___EmotionJSX(TableRow, {
|
|
102
|
+
sx: tableRowStyles
|
|
103
|
+
}, ___EmotionJSX(TableCell, null, ___EmotionJSX(Box, {
|
|
104
|
+
isRow: true
|
|
105
|
+
}, ___EmotionJSX(Box, {
|
|
106
|
+
width: "30px",
|
|
107
|
+
height: "30px",
|
|
108
|
+
bg: "text.primary",
|
|
109
|
+
mr: "xs"
|
|
110
|
+
}), ___EmotionJSX(Text, {
|
|
111
|
+
alignSelf: "center"
|
|
112
|
+
}, "text.primary"))), ___EmotionJSX(TableCell, {
|
|
113
|
+
alignSelf: "center"
|
|
114
|
+
}, ___EmotionJSX(Text, null, "neutral.10")), ___EmotionJSX(TableCell, {
|
|
115
|
+
alignSelf: "center"
|
|
116
|
+
}, ___EmotionJSX(Text, {
|
|
117
|
+
color: "text.primary"
|
|
118
|
+
}, "<Text textColor={text.primary} />"))), ___EmotionJSX(TableRow, {
|
|
119
|
+
sx: tableRowStyles
|
|
120
|
+
}, ___EmotionJSX(TableCell, null, ___EmotionJSX(Box, {
|
|
121
|
+
isRow: true
|
|
122
|
+
}, ___EmotionJSX(Box, {
|
|
123
|
+
width: "30px",
|
|
124
|
+
height: "30px",
|
|
125
|
+
bg: "text.secondary",
|
|
126
|
+
mr: "xs"
|
|
127
|
+
}), ___EmotionJSX(Text, {
|
|
128
|
+
alignSelf: "center"
|
|
129
|
+
}, "text.secondary"))), ___EmotionJSX(TableCell, {
|
|
130
|
+
alignSelf: "center"
|
|
131
|
+
}, ___EmotionJSX(Text, null, "neutral.40")), ___EmotionJSX(TableCell, {
|
|
132
|
+
alignSelf: "center"
|
|
133
|
+
}, ___EmotionJSX(Text, {
|
|
134
|
+
color: "text.secondary"
|
|
135
|
+
}, "<Text color={text.secondary} />")))))));
|
|
136
|
+
};
|