@codecademy/gamut 67.6.3-alpha.22c4b5.0 → 67.6.3-alpha.46b8e8.0

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.
@@ -1,48 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- import { css } from '@codecademy/gamut-styles';
3
- import { Box } from '../../Box';
4
- import { rightSpacerWidth } from '../shared/styles';
5
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
6
- const SpacerContainer = /*#__PURE__*/_styled(Box, {
7
- target: "e1u3mkni3",
8
- label: "SpacerContainer"
9
- })(css({
10
- display: 'flex',
11
- width: '100%',
12
- height: '100%',
13
- gap: 0
14
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvVmVydGljYWxTcGFjZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU93QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvbGF5b3V0L1ZlcnRpY2FsU3BhY2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyByaWdodFNwYWNlcldpZHRoIH0gZnJvbSAnLi4vc2hhcmVkL3N0eWxlcyc7XG5cbmNvbnN0IFNwYWNlckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGdhcDogMCxcbiAgfSlcbik7XG5cbmNvbnN0IExlZnRTcGFjZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIG1pbldpZHRoOiAnMjAwcHgnLFxuICAgIHBsOiAxNixcbiAgfSlcbik7XG5cbmNvbnN0IENvbnRlbnRBcmVhID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleDogMSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfSlcbik7XG5cbmNvbnN0IFJpZ2h0U3BhY2VyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleFNocmluazogMCxcbiAgICB3aWR0aDogcmlnaHRTcGFjZXJXaWR0aCxcbiAgfSlcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVmVydGljYWxTcGFjZXJQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFZlcnRpY2FsU3BhY2VyOiBSZWFjdC5GQzxWZXJ0aWNhbFNwYWNlclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNwYWNlckNvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8TGVmdFNwYWNlciAvPlxuICAgICAgPENvbnRlbnRBcmVhPntjaGlsZHJlbn08L0NvbnRlbnRBcmVhPlxuICAgICAgPFJpZ2h0U3BhY2VyIC8+XG4gICAgPC9TcGFjZXJDb250YWluZXI+XG4gICk7XG59O1xuIl19 */");
15
- const LeftSpacer = /*#__PURE__*/_styled(Box, {
16
- target: "e1u3mkni2",
17
- label: "LeftSpacer"
18
- })(css({
19
- flexShrink: 0,
20
- minWidth: '200px',
21
- pl: 16
22
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvVmVydGljYWxTcGFjZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L2xheW91dC9WZXJ0aWNhbFNwYWNlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHsgcmlnaHRTcGFjZXJXaWR0aCB9IGZyb20gJy4uL3NoYXJlZC9zdHlsZXMnO1xuXG5jb25zdCBTcGFjZXJDb250YWluZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBnYXA6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBMZWZ0U3BhY2VyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleFNocmluazogMCxcbiAgICBtaW5XaWR0aDogJzIwMHB4JyxcbiAgICBwbDogMTYsXG4gIH0pXG4pO1xuXG5jb25zdCBDb250ZW50QXJlYSA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXg6IDEsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBSaWdodFNwYWNlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgd2lkdGg6IHJpZ2h0U3BhY2VyV2lkdGgsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZlcnRpY2FsU3BhY2VyUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBWZXJ0aWNhbFNwYWNlcjogUmVhY3QuRkM8VmVydGljYWxTcGFjZXJQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTcGFjZXJDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPExlZnRTcGFjZXIgLz5cbiAgICAgIDxDb250ZW50QXJlYT57Y2hpbGRyZW59PC9Db250ZW50QXJlYT5cbiAgICAgIDxSaWdodFNwYWNlciAvPlxuICAgIDwvU3BhY2VyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
23
- const ContentArea = /*#__PURE__*/_styled(Box, {
24
- target: "e1u3mkni1",
25
- label: "ContentArea"
26
- })(css({
27
- flex: 1,
28
- position: 'relative',
29
- height: '100%'
30
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvVmVydGljYWxTcGFjZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L2xheW91dC9WZXJ0aWNhbFNwYWNlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHsgcmlnaHRTcGFjZXJXaWR0aCB9IGZyb20gJy4uL3NoYXJlZC9zdHlsZXMnO1xuXG5jb25zdCBTcGFjZXJDb250YWluZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBnYXA6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBMZWZ0U3BhY2VyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleFNocmluazogMCxcbiAgICBtaW5XaWR0aDogJzIwMHB4JyxcbiAgICBwbDogMTYsXG4gIH0pXG4pO1xuXG5jb25zdCBDb250ZW50QXJlYSA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXg6IDEsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBSaWdodFNwYWNlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgd2lkdGg6IHJpZ2h0U3BhY2VyV2lkdGgsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZlcnRpY2FsU3BhY2VyUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBWZXJ0aWNhbFNwYWNlcjogUmVhY3QuRkM8VmVydGljYWxTcGFjZXJQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTcGFjZXJDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPExlZnRTcGFjZXIgLz5cbiAgICAgIDxDb250ZW50QXJlYT57Y2hpbGRyZW59PC9Db250ZW50QXJlYT5cbiAgICAgIDxSaWdodFNwYWNlciAvPlxuICAgIDwvU3BhY2VyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
31
- const RightSpacer = /*#__PURE__*/_styled(Box, {
32
- target: "e1u3mkni0",
33
- label: "RightSpacer"
34
- })(css({
35
- flexShrink: 0,
36
- width: rightSpacerWidth
37
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvVmVydGljYWxTcGFjZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L2xheW91dC9WZXJ0aWNhbFNwYWNlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHsgcmlnaHRTcGFjZXJXaWR0aCB9IGZyb20gJy4uL3NoYXJlZC9zdHlsZXMnO1xuXG5jb25zdCBTcGFjZXJDb250YWluZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBnYXA6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBMZWZ0U3BhY2VyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleFNocmluazogMCxcbiAgICBtaW5XaWR0aDogJzIwMHB4JyxcbiAgICBwbDogMTYsXG4gIH0pXG4pO1xuXG5jb25zdCBDb250ZW50QXJlYSA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXg6IDEsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBSaWdodFNwYWNlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgd2lkdGg6IHJpZ2h0U3BhY2VyV2lkdGgsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZlcnRpY2FsU3BhY2VyUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBWZXJ0aWNhbFNwYWNlcjogUmVhY3QuRkM8VmVydGljYWxTcGFjZXJQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTcGFjZXJDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPExlZnRTcGFjZXIgLz5cbiAgICAgIDxDb250ZW50QXJlYT57Y2hpbGRyZW59PC9Db250ZW50QXJlYT5cbiAgICAgIDxSaWdodFNwYWNlciAvPlxuICAgIDwvU3BhY2VyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
38
- export const VerticalSpacer = ({
39
- children,
40
- className
41
- }) => {
42
- return /*#__PURE__*/_jsxs(SpacerContainer, {
43
- className: className,
44
- children: [/*#__PURE__*/_jsx(LeftSpacer, {}), /*#__PURE__*/_jsx(ContentArea, {
45
- children: children
46
- }), /*#__PURE__*/_jsx(RightSpacer, {})]
47
- });
48
- };