1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports.Body = exports.ExitButton = exports.Buttons = exports.Header = exports.Container = exports.Ushiro = undefined;
|
7 |
|
8 | var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');
|
9 |
|
10 | var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);
|
11 |
|
12 | var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n position: fixed;\n height: 100%;\n top: 0;\n left: 0;\n width: 100%;\n background: ', ';\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n'], ['\n position: fixed;\n height: 100%;\n top: 0;\n left: 0;\n width: 100%;\n background: ', ';\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n']),
|
13 | _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n overflow-y: ', ';\n background: ', ';\n padding: ', ';\n border-radius: ', ';\n'], ['\n overflow-y: ', ';\n background: ', ';\n padding: ', ';\n border-radius: ', ';\n']),
|
14 | _templateObject3 = (0, _taggedTemplateLiteral3.default)(['\n z-index: 2;\n position: fixed;\n cursor: pointer;\n background: ', ';\n height: ', ';\n width: ', ';\n border: ', ';\n top: ', ';\n right: ', ';\n border-radius: 1rem;\n display: flex;\n'], ['\n z-index: 2;\n position: fixed;\n cursor: pointer;\n background: ', ';\n height: ', ';\n width: ', ';\n border: ', ';\n top: ', ';\n right: ', ';\n border-radius: 1rem;\n display: flex;\n']),
|
15 | _templateObject4 = (0, _taggedTemplateLiteral3.default)(['\n background: ', ';\n padding: ', ';\n border-radius: ', ';\n border-top: ', ';\n display: flex;\n align-items: center;\n justify-content: flex-end;\n'], ['\n background: ', ';\n padding: ', ';\n border-radius: ', ';\n border-top: ', ';\n display: flex;\n align-items: center;\n justify-content: flex-end;\n']),
|
16 | _templateObject5 = (0, _taggedTemplateLiteral3.default)(['\n position: relative;\n cursor: default;\n z-index: 0;\n background: ', ';\n color: ', ';\n margin: ', ';\n border: ', ';\n border-radius: ', ';\n'], ['\n position: relative;\n cursor: default;\n z-index: 0;\n background: ', ';\n color: ', ';\n margin: ', ';\n border: ', ';\n border-radius: ', ';\n']),
|
17 | _templateObject6 = (0, _taggedTemplateLiteral3.default)(['\n display: flex;\n align-items: center;\n\n padding: ', ';\n margin: ', ';\n border-bottom: ', ';\n border-radius: ', ';\n background: ', ';\n'], ['\n display: flex;\n align-items: center;\n\n padding: ', ';\n margin: ', ';\n border-bottom: ', ';\n border-radius: ', ';\n background: ', ';\n']);
|
18 |
|
19 | var _styledComponents = require('styled-components');
|
20 |
|
21 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
22 |
|
23 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24 |
|
25 | var Ushiro = _styledComponents2.default.div(_templateObject, function (_ref) {
|
26 | var theme = _ref.theme;
|
27 | return theme.modaldialog.ushiro.background;
|
28 | });
|
29 | Ushiro.defaultProps = {
|
30 | theme: {
|
31 | modaldialog: {
|
32 | ushiro: {
|
33 | background: 'rgba(0, 0, 0, 0.5)'
|
34 | }
|
35 | }
|
36 | }
|
37 | };
|
38 | var Body = _styledComponents2.default.div(_templateObject2, function (_ref2) {
|
39 | var theme = _ref2.theme;
|
40 | return theme.modaldialog.body.overflowY;
|
41 | }, function (_ref3) {
|
42 | var theme = _ref3.theme;
|
43 | return theme.modaldialog.body.background;
|
44 | }, function (_ref4) {
|
45 | var theme = _ref4.theme;
|
46 | return theme.modaldialog.body.padding;
|
47 | }, function (_ref5) {
|
48 | var hasHeader = _ref5.hasHeader,
|
49 | hasFooter = _ref5.hasFooter,
|
50 | theme = _ref5.theme;
|
51 | return (hasHeader ? '0 0' : theme.modaldialog.body.borderRadius + ' ' + theme.modaldialog.body.borderRadius) + ' ' + (hasFooter ? '0 0' : theme.modaldialog.body.borderRadius + ' ' + theme.modaldialog.body.borderRadius);
|
52 | });
|
53 | Body.defaultProps = {
|
54 | hasFooter: false,
|
55 | hasHeader: false,
|
56 | theme: {
|
57 | modaldialog: {
|
58 | body: {
|
59 | background: '#fdfdfd',
|
60 | padding: '2.4rem 2rem',
|
61 | overflowY: 'auto',
|
62 | borderRadius: '1rem'
|
63 | }
|
64 | }
|
65 | }
|
66 | };
|
67 | var ExitButton = _styledComponents2.default.div(_templateObject3, function (_ref6) {
|
68 | var theme = _ref6.theme;
|
69 | return theme.modaldialog.exitbutton.background;
|
70 | }, function (_ref7) {
|
71 | var theme = _ref7.theme;
|
72 | return theme.modaldialog.exitbutton.height;
|
73 | }, function (_ref8) {
|
74 | var theme = _ref8.theme;
|
75 | return theme.modaldialog.exitbutton.width;
|
76 | }, function (_ref9) {
|
77 | var theme = _ref9.theme;
|
78 | return theme.modaldialog.exitbutton.border;
|
79 | }, function (_ref10) {
|
80 | var theme = _ref10.theme;
|
81 | return theme.modaldialog.exitbutton.top;
|
82 | }, function (_ref11) {
|
83 | var theme = _ref11.theme;
|
84 | return theme.modaldialog.exitbutton.right;
|
85 | });
|
86 | ExitButton.defaultProps = {
|
87 | theme: {
|
88 | modaldialog: {
|
89 | exitbutton: {
|
90 | zIndex: 2,
|
91 | top: '2rem',
|
92 | right: '2rem',
|
93 | position: 'fixed',
|
94 | height: '1.75rem',
|
95 | width: '1.75rem',
|
96 |
|
97 | background: '#fff',
|
98 | border: '1px solid #575757'
|
99 | }
|
100 | }
|
101 | }
|
102 | };
|
103 |
|
104 | var Buttons = _styledComponents2.default.div(_templateObject4, function (_ref12) {
|
105 | var theme = _ref12.theme;
|
106 | return theme.modaldialog.buttons.background;
|
107 | }, function (_ref13) {
|
108 | var theme = _ref13.theme;
|
109 | return theme.modaldialog.buttons.padding;
|
110 | }, function (_ref14) {
|
111 | var theme = _ref14.theme;
|
112 | return theme.modaldialog.buttons.borderRadius;
|
113 | }, function (_ref15) {
|
114 | var theme = _ref15.theme;
|
115 | return theme.modaldialog.buttons.borderTop;
|
116 | });
|
117 |
|
118 | Buttons.defaultProps = {
|
119 | theme: {
|
120 | modaldialog: {
|
121 | buttons: {
|
122 | borderTop: '1px solid #575757',
|
123 | borderRadius: '0 0 0.375rem 0.375rem',
|
124 | padding: '0.5rem',
|
125 | background: '#fafafa'
|
126 | }
|
127 | }
|
128 | }
|
129 | };
|
130 |
|
131 | var Container = _styledComponents2.default.div(_templateObject5, function (_ref16) {
|
132 | var theme = _ref16.theme;
|
133 | return theme.modaldialog.container.background;
|
134 | }, function (_ref17) {
|
135 | var theme = _ref17.theme;
|
136 | return theme.modaldialog.container.color;
|
137 | }, function (_ref18) {
|
138 | var theme = _ref18.theme;
|
139 | return theme.modaldialog.container.margin;
|
140 | }, function (_ref19) {
|
141 | var theme = _ref19.theme;
|
142 | return theme.modaldialog.container.border;
|
143 | }, function (_ref20) {
|
144 | var theme = _ref20.theme;
|
145 | return theme.modaldialog.container.borderRadius;
|
146 | });
|
147 |
|
148 | Container.defaultProps = {
|
149 | theme: {
|
150 | modaldialog: {
|
151 | container: {
|
152 | margin: '0 1rem',
|
153 | border: '1px solid #575757',
|
154 | borderRadius: '0.375rem',
|
155 | color: '#020202',
|
156 | background: '#fff'
|
157 | }
|
158 | }
|
159 | }
|
160 | };
|
161 |
|
162 | var Header = _styledComponents2.default.div(_templateObject6, function (_ref21) {
|
163 | var theme = _ref21.theme;
|
164 | return theme.modaldialog.header.padding;
|
165 | }, function (_ref22) {
|
166 | var theme = _ref22.theme;
|
167 | return theme.modaldialog.header.margin;
|
168 | }, function (_ref23) {
|
169 | var theme = _ref23.theme;
|
170 | return theme.modaldialog.header.borderBottom;
|
171 | }, function (_ref24) {
|
172 | var theme = _ref24.theme;
|
173 | return theme.modaldialog.header.borderRadius;
|
174 | }, function (_ref25) {
|
175 | var theme = _ref25.theme;
|
176 | return theme.modaldialog.header.background;
|
177 | });
|
178 |
|
179 | Header.defaultProps = {
|
180 | theme: {
|
181 | modaldialog: {
|
182 | header: {
|
183 | margin: '0',
|
184 | padding: '2rem 2rem 1.5rem 2rem',
|
185 | borderBottom: '0.5rem solid #f0f0f0',
|
186 | borderRadius: '0.375rem 0.375rem 0 0 ',
|
187 | background: '#fafafa'
|
188 | }
|
189 | }
|
190 | }
|
191 | };
|
192 |
|
193 | exports.Ushiro = Ushiro;
|
194 | exports.Container = Container;
|
195 | exports.Header = Header;
|
196 | exports.Buttons = Buttons;
|
197 | exports.ExitButton = ExitButton;
|
198 | exports.Body = Body; |
\ | No newline at end of file |