@dfds-ui/react-components 2.2.0-alpha.624b924f → 2.2.0-alpha.8b81d140

package/button/button-style.js

@@ -0,0 +1,18 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+export var baseButtonStyle = /*#__PURE__*/css("display:flex;align-items:center;position:relative;height:2.75rem;border:", theme.borders.widths.m, " solid transparent;border-radius:", theme.radii.m, ";box-sizing:border-box;text-decoration:none;text-align:center;user-select:none;vertical-align:middle;font-weight:700;overflow:visible;border:none;&:after{border-radius:", theme.radii.m, ";}&[disabled]{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseButtonStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdrQyIsImZpbGUiOiIuLi8uLi9zcmMvYnV0dG9uL2J1dHRvbi1zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IGNvbnN0IGJhc2VCdXR0b25TdHlsZSA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDIuNzVyZW07XG4gIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBmb250LXdlaWdodDogNzAwO1xuICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIH1cblxuICAmW2Rpc2FibGVkXSB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgcHJpbWFyeUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRlcnRpYXJ5Lm1haW59O1xuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgb3V0bGluZWRCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgY3VycmVudENvbG9yO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5kaXNhYmxlZH07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB0ZXh0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyLFxuICAmOmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgZGFuZ2VyQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgbGlua0J1dHRvblN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAwO1xuXG4gICY6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcbiJdfQ== */");
+export var primaryButtonStyles = /*#__PURE__*/css("color:", theme.colors.text.light.primary, ";background:", theme.colors.tertiary.main, ";:not([aria-busy='true']){&[disabled]{color:", theme.colors.text.light.primary, ";background:", theme.colors.tertiary.main, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:primaryButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCc0MiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var secondaryButtonStyles = /*#__PURE__*/css("color:", theme.colors.text.light.primary, ";background:", theme.colors.secondary.main, ";:not([aria-busy='true']){&[disabled]{color:", theme.colors.text.light.primary, ";background:", theme.colors.secondary.main, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:secondaryButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDd0MiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var outlinedButtonStyles = /*#__PURE__*/css("color:", theme.colors.secondary.main, ";background:transparent;border:", theme.borders.widths.m, " solid currentColor;&:hover{color:", theme.colors.secondary.dark, ";}:not([aria-busy='true']){&[disabled]{background:", theme.colors.surface.primary, ";color:", theme.colors.text.secondary.disabled, ";border-color:", theme.colors.text.secondary.disabled, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:outlinedButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EdUMiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var textButtonStyles = /*#__PURE__*/css("color:", theme.colors.secondary.main, ";background:transparent;&:hover,&:active{color:", theme.colors.secondary.dark, ";cursor:pointer;}:not([aria-busy='true']){&[disabled]{background:transparent;color:", theme.colors.text.secondary.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:textButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var dangerButtonStyles = /*#__PURE__*/css("color:", theme.colors.status.alert, ";background:transparent;&:hover{cursor:pointer;}:not([aria-busy='true']){&[disabled]{background:transparent;color:", theme.colors.status.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:dangerButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdGcUMiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var linkButtonStyles = process.env.NODE_ENV === "production" ? {
+  name: "192r7za",
+  styles: "padding:0;min-width:0;&:after{background:transparent;}&[disabled]{cursor:not-allowed;}"
+} : {
+  name: "1un1xu3-linkButtonStyles",
+  styles: "padding:0;min-width:0;&:after{background:transparent;}&[disabled]{cursor:not-allowed;};label:linkButtonStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};

package/button/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Button } from './Button';
+export * from './Button';
+export * from './LinkButton';
+export { default as IconButton } from './IconButton';
+export * from './IconButton';
+export * from './BadgeIcon';
+export { default as Anchor } from './LinkButton';

package/button/index.js

@@ -0,0 +1,9 @@
+export { default as Button } from './Button';
+export * from './Button';
+export * from './LinkButton';
+export { default as IconButton } from './IconButton';
+export * from './IconButton';
+export * from './BadgeIcon';
+
+// This is just there to avoid sites using the Anchor component from breaking changes
+export { default as Anchor } from './LinkButton';

package/button-stack/ButtonStack.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type Orientation = 'horizontal' | 'vertical';
+declare type Alignment = 'left' | 'right' | 'center';
+declare type ButtonStackProps = {
+    align?: Alignment;
+    orientation?: Orientation;
+    className?: string;
+    reverse?: boolean;
+};
+declare const ButtonStack: React.FunctionComponent<ButtonStackProps>;
+export default ButtonStack;

package/button-stack/ButtonStack.js

@@ -0,0 +1,50 @@
+var _excluded = ["align", "orientation", "reverse", "className", "children"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import React from 'react';
+import { css } from '@emotion/react';
+import emotionCloneElement from '../common/emotionCloneElement';
+import { media } from '@dfds-ui/theme';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+// TODO: Reafctor into the theme
+var space = 8;
+var containerStyles = function containerStyles(_ref) {
+  var orientation = _ref.orientation,
+    align = _ref.align,
+    reverse = _ref.reverse;
+  return /*#__PURE__*/css("display:flex;flex-direction:column;flex-wrap:wrap;", media.greaterThan('s')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-direction: ", ";\n    flex-direction: ", ";\n    justify-content: ", ";\n    margin-left: ", ";\n  "])), orientation === 'horizontal' ? 'row' : 'column', reverse && 'row-reverse', align === 'left' ? 'flex-start' : 'flex-end', orientation === 'horizontal' && "-8px"), " ", media.greaterThan('m')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    justify-content: ", ";\n  "])), align === 'left' ? 'flex-start' : 'flex-end'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMkYiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+};
+var verticalItemStyles = /*#__PURE__*/css("display:flex;flex-grow:1;margin:", space / 2, "px 0 ", space / 2, "px 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:verticalItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DOEIiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+var horizontalStyles = function horizontalStyles(_ref2) {
+  var align = _ref2.align;
+  return /*#__PURE__*/css("display:flex;flex-grow:", align === 'center' ? 1 : 0, ";flex-shrink:1;margin:", space / 2, "px 0 ", space / 2, "px 0;", media.greaterThan('s')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex-shrink: 0;\n    flex-basis: ", ";\n    margin: ", "px 0 ", "px ", "px;\n  "])), align === 'center' ? '0%' : 'auto', space / 2, space / 2, space), " ", media.greaterThan('s')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: ", ";\n  "])), align === 'center' ? 'calc(100% - 10px)' : "calc(66% - ".concat(space / 2, "px)")), " ", media.gt('m')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    max-width: calc(100% - 10px);\n  "]))), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:horizontalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDc0UiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+};
+var ButtonStack = function ButtonStack(_ref3) {
+  var _ref3$align = _ref3.align,
+    align = _ref3$align === void 0 ? 'left' : _ref3$align,
+    _ref3$orientation = _ref3.orientation,
+    orientation = _ref3$orientation === void 0 ? 'horizontal' : _ref3$orientation,
+    reverse = _ref3.reverse,
+    className = _ref3.className,
+    children = _ref3.children,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  return ___EmotionJSX("div", {
+    className: className
+  }, ___EmotionJSX("div", _extends({
+    css: containerStyles({
+      orientation: orientation,
+      align: align,
+      reverse: reverse
+    })
+  }, rest), React.Children.map(children, function (child) {
+    return /*#__PURE__*/React.isValidElement(child) ? emotionCloneElement(child, {
+      css: [child.props.css, orientation === 'horizontal' ? horizontalStyles({
+        align: align
+      }) : verticalItemStyles]
+    }) : child;
+  })));
+};
+export default ButtonStack;

package/button-stack/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonStack } from './ButtonStack';

package/button-stack/index.js

@@ -0,0 +1 @@
+export { default as ButtonStack } from './ButtonStack';

package/card/Card.d.ts

@@ -0,0 +1,18 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { SurfaceType } from '../surface';
+export declare const CardContext: React.Context<{}>;
+export declare type CardContextType = {
+    cardSize: 's' | 'm' | 'l' | 'xl';
+    cardVariant: 'outline' | 'fill' | 'surface';
+};
+export declare type CardProps = {
+    size: 's' | 'm' | 'l' | 'xl';
+    variant: 'outline' | 'fill' | 'surface';
+    surface?: SurfaceType;
+    reverse?: boolean;
+    media?: ReactNode;
+    ratio?: number[];
+    className?: string;
+};
+declare const Card: FunctionComponent<CardProps>;
+export default Card;

package/card/Card.js

@@ -0,0 +1,138 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["children", "media", "variant", "size", "ratio", "className", "surface"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+import React, { useState } from 'react';
+import { theme, media } from '@dfds-ui/theme';
+import { useDimensions } from '@dfds-ui/hooks';
+import cx from 'classnames';
+import { css } from '@emotion/react';
+import { useSurfaceContext, MaybeSurfaceProvider } from '../surface';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var CardContext = /*#__PURE__*/React.createContext({});
+var CardContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "elatgin3"
+} : {
+  target: "elatgin3",
+  label: "CardContainer"
+})("display:flex;flex-direction:column;border:", function (props) {
+  return props.variant === 'outline' ? "solid 1px rgba(77, 78, 76, 0.24)" : '';
+}, ";", function (props /* outline xl cards and greater than medium */) {
+  return props.variant === 'outline' && props.size === 'xl' && !props.reverse && media.greaterThan('l')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex-direction: row;\n  "])));
+}, " ", function (props /* outline xl cards with reverse and greater than medium */) {
+  return props.variant === 'outline' && props.size === 'xl' && props.reverse && media.greaterThan('l')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      flex-direction: row-reverse;\n  "])));
+}, " ", function (props /* fill xl cards and greater than medium */) {
+  return props.variant === 'fill' && props.size === 'xl' && !props.reverse && media.greaterThan('l')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      flex-direction: row;\n  "])));
+}, " ", function (props /* fill xl cards with reverse and greater than medium */) {
+  return props.variant === 'fill' && props.size === 'xl' && props.reverse && media.greaterThan('l')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex-direction: row-reverse;\n  "])));
+}, " ", function (props /* surface xl cards and greater than medium */) {
+  return props.variant === 'surface' && props.size === 'xl' && !props.reverse && media.greaterThan('l')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      flex-direction: row;\n  "])));
+}, " ", function (props /* surface xl cards with reverse and greater than medium */) {
+  return props.variant === 'surface' && props.size === 'xl' && props.reverse && media.greaterThan('l')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      flex-direction: row-reverse;\n  "])));
+}, " .CardActions{a{margin-top:", function (props) {
+  return props.variant === 'fill' || props.variant === 'outline' ? 'auto' : '';
+}, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDMEQiLCJmaWxlIjoiLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+var CardContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "elatgin2"
+} : {
+  target: "elatgin2",
+  label: "CardContent"
+})("display:flex;flex-direction:column;min-width:", function (props) {
+  return "calc(".concat(props.ratio, " * 100%)");
+}, ";", function (props /* outline cards */) {
+  return props.variant === 'outline' && "\n      padding: 0px ".concat(theme.spacing.s, " ").concat(theme.spacing.s, " ").concat(theme.spacing.s, ";\n  ");
+}, " ", function (props /* fill cards */) {
+  return props.variant === 'fill' && "\n      padding: 0px ".concat(theme.spacing.s, " ").concat(theme.spacing.s, " ").concat(theme.spacing.s, ";\n  ");
+}, " ", function (props /* fill cards over 500 width */) {
+  return props.variant === 'fill' && props.width > 500 && "\n      padding: 0px ".concat(theme.spacing.l, " ").concat(theme.spacing.s, " ").concat(theme.spacing.l, ";\n  ");
+}, " ", function (props /* surface xl cards with reverse and greater than medium */) {
+  return props.variant === 'surface' && props.size === 'xl' && !props.reverse && media.greaterThan('l')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding-left: ", ";\n  "])), theme.spacing.l);
+}, " ", function (props /* surface xl cards with reverse and greater than medium */) {
+  return props.variant === 'surface' && props.size === 'xl' && props.reverse && media.greaterThan('l')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding-right: ", ";\n  "])), theme.spacing.l);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HZ0QiLCJmaWxlIjoiLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+var MediaContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "elatgin1"
+} : {
+  target: "elatgin1",
+  label: "MediaContainer"
+})("display:flex;flex-direction:column;min-width:", function (props) {
+  return "calc(".concat(props.ratio, " * 100%)");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZJaUQiLCJmaWxlIjoiLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+var MediaContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "elatgin0"
+} : {
+  target: "elatgin0",
+  label: "MediaContent"
+})("flex-direction:column;", function (props /* outline cards */) {
+  return props.variant === 'outline' && "\n      padding: ".concat(theme.spacing.s, " ").concat(theme.spacing.s, " 0px ").concat(theme.spacing.s, ";\n  ");
+}, " ", function (props /* outline xl cards and greater than medium */) {
+  return props.variant === 'outline' && props.size === 'xl' && !props.reverse && media.greaterThan('l')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      padding: ", " 0px ", " ", ";\n  "])), theme.spacing.s, theme.spacing.s, theme.spacing.s);
+}, " ", function (props /* outline xl cards with reverse and greater than medium */) {
+  return props.variant === 'outline' && props.size === 'xl' && props.reverse && media.greaterThan('l')(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n    padding: ", " ", " ", " 0px;\n  "])), theme.spacing.s, theme.spacing.s, theme.spacing.s);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1KMEMiLCJmaWxlIjoiLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"));
+var Card = function Card(_ref) {
+  var children = _ref.children,
+    media = _ref.media,
+    variant = _ref.variant,
+    size = _ref.size,
+    _ref$ratio = _ref.ratio;
+  _ref$ratio = _ref$ratio === void 0 ? [1, 1] : _ref$ratio;
+  var _ref$ratio2 = _slicedToArray(_ref$ratio, 2),
+    contentRatio = _ref$ratio2[0],
+    mediaRatio = _ref$ratio2[1],
+    className = _ref.className,
+    surfaceProp = _ref.surface,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useDimensions = useDimensions(),
+    _useDimensions2 = _slicedToArray(_useDimensions, 2),
+    ref = _useDimensions2[0],
+    width = _useDimensions2[1].width;
+  var _useSurfaceContext = useSurfaceContext(surfaceProp),
+    backgroundColor = _useSurfaceContext.backgroundColor,
+    textColors = _useSurfaceContext.textColors;
+  var _useState = useState(variant),
+    _useState2 = _slicedToArray(_useState, 1),
+    cardVariant = _useState2[0];
+  var _useState3 = useState(size),
+    _useState4 = _slicedToArray(_useState3, 1),
+    cardSize = _useState4[0];
+  return ___EmotionJSX(CardContext.Provider, {
+    value: {
+      cardVariant: cardVariant,
+      cardSize: cardSize
+    }
+  }, ___EmotionJSX(MaybeSurfaceProvider, {
+    surface: surfaceProp
+  }, ___EmotionJSX(CardContainer, _extends({
+    css: /*#__PURE__*/css("background-color:", backgroundColor, ";color:", textColors.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Card;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFNa0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NhcmQvQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB1c2VEaW1lbnNpb25zIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlU3VyZmFjZUNvbnRleHQsIFN1cmZhY2VUeXBlLCBNYXliZVN1cmZhY2VQcm92aWRlciB9IGZyb20gJy4uL3N1cmZhY2UnXG5cbmV4cG9ydCBjb25zdCBDYXJkQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQoe30pXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZXh0VHlwZSA9IHtcbiAgY2FyZFNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgY2FyZFZhcmlhbnQ6ICdvdXRsaW5lJyB8ICdmaWxsJyB8ICdzdXJmYWNlJ1xufVxuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHN1cmZhY2U/OiBTdXJmYWNlVHlwZVxuICByZXZlcnNlPzogYm9vbGVhblxuICBtZWRpYT86IFJlYWN0Tm9kZVxuICByYXRpbz86IG51bWJlcltdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG50eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIHNpemU6ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbiAgdmFyaWFudDogJ291dGxpbmUnIHwgJ2ZpbGwnIHwgJ3N1cmZhY2UnXG4gIHdpZHRoOiBudW1iZXJcbiAgcmF0aW86IG51bWJlclxuICByZXZlcnNlOiBib29sZWFuXG59XG5cbnR5cGUgQ2FyZE1lZGlhUHJvcHMgPSB7XG4gIHJhdGlvOiBudW1iZXJcbn1cblxuY29uc3QgQ2FyZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8Q2FyZFByb3BzICYgRmxleEJveFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyA/IGBzb2xpZCAxcHggcmdiYSg3NywgNzgsIDc2LCAwLjI0KWAgOiAnJyl9O1xuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ291dGxpbmUnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIGZpbGwgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogZmlsbCB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ2ZpbGwnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgICFwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICBgfVxuXG4gIC5DYXJkQWN0aW9ucyB7XG4gICAgYSB7XG4gICAgICBtYXJnaW4tdG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyB8fCBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgPyAnYXV0bycgOiAnJyl9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDYXJkQ29udGVudCA9IHN0eWxlZC5kaXY8Q2FyZENvbnRlbnRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi13aWR0aDogJHsocHJvcHMpID0+IGBjYWxjKCR7cHJvcHMucmF0aW99ICogMTAwJSlgfTtcblxuICAkeyhwcm9wcyAvKiBvdXRsaW5lIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIGBcbiAgICAgIHBhZGRpbmc6IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgYH1cblxuICAkeyhwcm9wcyAvKiBmaWxsIGNhcmRzIG92ZXIgNTAwIHdpZHRoICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdmaWxsJyAmJlxuICAgIHByb3BzLndpZHRoID4gNTAwICYmXG4gICAgYFxuICAgICAgcGFkZGluZzogMHB4ICR7dGhlbWUuc3BhY2luZy5sfSAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIHN1cmZhY2UgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICAhcHJvcHMucmV2ZXJzZSAmJlxuICAgIG1lZGlhLmdyZWF0ZXJUaGFuKCdsJylgXG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogc3VyZmFjZSB4bCBjYXJkcyB3aXRoIHJldmVyc2UgYW5kIGdyZWF0ZXIgdGhhbiBtZWRpdW0gKi8pID0+XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3N1cmZhY2UnICYmXG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3hsJyAmJlxuICAgIHByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgYH1cbmBcblxuY29uc3QgTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PENhcmRNZWRpYVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAkeyhwcm9wcykgPT4gYGNhbGMoJHtwcm9wcy5yYXRpb30gKiAxMDAlKWB9O1xuYFxuXG5jb25zdCBNZWRpYUNvbnRlbnQgPSBzdHlsZWQuZGl2PENhcmRQcm9wcz5gXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSBjYXJkcyAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc307XG4gIGB9XG5cbiAgJHsocHJvcHMgLyogb3V0bGluZSB4bCBjYXJkcyBhbmQgZ3JlYXRlciB0aGFuIG1lZGl1bSAqLykgPT5cbiAgICBwcm9wcy52YXJpYW50ID09PSAnb3V0bGluZScgJiZcbiAgICBwcm9wcy5zaXplID09PSAneGwnICYmXG4gICAgIXByb3BzLnJldmVyc2UgJiZcbiAgICBtZWRpYS5ncmVhdGVyVGhhbignbCcpYFxuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9IDBweCAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9O1xuICBgfVxuXG4gICR7KHByb3BzIC8qIG91dGxpbmUgeGwgY2FyZHMgd2l0aCByZXZlcnNlIGFuZCBncmVhdGVyIHRoYW4gbWVkaXVtICovKSA9PlxuICAgIHByb3BzLnZhcmlhbnQgPT09ICdvdXRsaW5lJyAmJlxuICAgIHByb3BzLnNpemUgPT09ICd4bCcgJiZcbiAgICBwcm9wcy5yZXZlcnNlICYmXG4gICAgbWVkaWEuZ3JlYXRlclRoYW4oJ2wnKWBcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc30gJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfSAwcHg7XG4gIGB9XG5gXG5cbmNvbnN0IENhcmQ6IEZ1bmN0aW9uQ29tcG9uZW50PENhcmRQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgbWVkaWEsXG4gIHZhcmlhbnQsXG4gIHNpemUsXG4gIHJhdGlvOiBbY29udGVudFJhdGlvLCBtZWRpYVJhdGlvXSA9IFsxLCAxXSxcbiAgY2xhc3NOYW1lLFxuICBzdXJmYWNlOiBzdXJmYWNlUHJvcCxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBbcmVmLCB7IHdpZHRoIH1dID0gdXNlRGltZW5zaW9ucygpXG4gIGNvbnN0IHsgYmFja2dyb3VuZENvbG9yLCB0ZXh0Q29sb3JzIH0gPSB1c2VTdXJmYWNlQ29udGV4dChzdXJmYWNlUHJvcClcbiAgY29uc3QgW2NhcmRWYXJpYW50XSA9IHVzZVN0YXRlKHZhcmlhbnQpXG4gIGNvbnN0IFtjYXJkU2l6ZV0gPSB1c2VTdGF0ZShzaXplKVxuXG4gIHJldHVybiAoXG4gICAgPENhcmRDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjYXJkVmFyaWFudCxcbiAgICAgICAgY2FyZFNpemUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlUHJvcH0+XG4gICAgICAgIDxDYXJkQ29udGFpbmVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICAgICAgICBjb2xvcjogJHt0ZXh0Q29sb3JzLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goJ0NhcmRDb250YWluZXInLCBjbGFzc05hbWUpfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAge21lZGlhICYmIChcbiAgICAgICAgICAgIDxNZWRpYUNvbnRhaW5lciByYXRpbz17bWVkaWFSYXRpbyAvIChtZWRpYVJhdGlvICsgY29udGVudFJhdGlvKX0+XG4gICAgICAgICAgICAgIDxNZWRpYUNvbnRlbnQgc2l6ZT17c2l6ZX0gdmFyaWFudD17dmFyaWFudH0gY2xhc3NOYW1lPVwiTWVkaWFDb250ZW50XCIgey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHttZWRpYX1cbiAgICAgICAgICAgICAgPC9NZWRpYUNvbnRlbnQ+XG4gICAgICAgICAgICA8L01lZGlhQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxDYXJkQ29udGVudFxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJDYXJkQ29udGVudFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgcmV2ZXJzZT17cmVzdC5yZXZlcnNlID09IHRydWV9XG4gICAgICAgICAgICAgIHJhdGlvPXtjb250ZW50UmF0aW8gLyAobWVkaWFSYXRpbyArIGNvbnRlbnRSYXRpbyl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2FyZENvbnRhaW5lcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9DYXJkQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkXG4iXX0= */"),
+    size: size,
+    variant: variant,
+    ref: ref,
+    className: cx('CardContainer', className)
+  }, rest), media && ___EmotionJSX(MediaContainer, {
+    ratio: mediaRatio / (mediaRatio + contentRatio)
+  }, ___EmotionJSX(MediaContent, _extends({
+    size: size,
+    variant: variant,
+    className: "MediaContent"
+  }, rest), media)), children && ___EmotionJSX(CardContent, _extends({
+    className: "CardContent",
+    variant: variant,
+    size: size,
+    width: width,
+    reverse: rest.reverse == true,
+    ratio: contentRatio / (mediaRatio + contentRatio)
+  }, rest), children))));
+};
+export default Card;

package/card/CardActions.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+declare const CardActions: FunctionComponent<FlexBoxProps>;
+export default CardActions;

package/card/CardActions.js

@@ -0,0 +1,23 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["children"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+import React from 'react';
+import { FlexBox } from '../flexbox';
+import { theme } from '@dfds-ui/theme';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var ActionContainer = /*#__PURE__*/_styled(FlexBox, process.env.NODE_ENV === "production" ? {
+  target: "e190c4pk0"
+} : {
+  target: "e190c4pk0",
+  label: "ActionContainer"
+})("flex-wrap:wrap;flex-direction:row;flex:1 1 auto;padding-top:", theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRBY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NhcmQvQ2FyZEFjdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuaW1wb3J0IHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgQWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpYFxuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGZsZXg6IDEgMSBhdXRvO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDYXJkQWN0aW9uczogRnVuY3Rpb25Db21wb25lbnQ8RmxleEJveFByb3BzPiA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IChcbiAgPEFjdGlvbkNvbnRhaW5lciBjbGFzc05hbWU9XCJDYXJkQWN0aW9uc1wiIHsuLi5yZXN0fT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQWN0aW9uQ29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQWN0aW9uc1xuIl19 */"));
+var CardActions = function CardActions(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX(ActionContainer, _extends({
+    className: "CardActions"
+  }, rest), children);
+};
+export default CardActions;

package/card/CardContent.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+export declare type CardContentProps = {
+    /**
+     * Text color
+     */
+    color?: string;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+declare const CardContent: FunctionComponent<CardContentProps>;
+export default CardContent;

package/card/CardContent.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["children", "color"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+import React from 'react';
+import { theme } from '@dfds-ui/theme';
+import { Text } from '@dfds-ui/typography';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var ContentContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13iposs1"
+} : {
+  target: "e13iposs1",
+  label: "ContentContainer"
+})("padding-top:", theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdjxDYXJkQ29udGVudFByb3BzPmBcbiAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6ICcnKX07XG5gXG5cbmNvbnN0IENhcmRDb250ZW50OiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkQ29udGVudFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjb2xvciwgLi4ucmVzdCB9KSA9PiAoXG4gIDxDb250ZW50Q29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudCBjb2xvcj17Y29sb3J9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiBzdHlsZWRBcz17J2JvZHknfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvQ29udGVudD5cbiAgPC9Db250ZW50Q29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQ29udGVudFxuIl19 */"));
+var Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13iposs0"
+} : {
+  target: "e13iposs0",
+  label: "Content"
+})("color:", function (props) {
+  return props.color ? props.color : '';
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjRDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jYXJkL0NhcmRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbmV4cG9ydCB0eXBlIENhcmRDb250ZW50UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdjxDYXJkQ29udGVudFByb3BzPmBcbiAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6ICcnKX07XG5gXG5cbmNvbnN0IENhcmRDb250ZW50OiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkQ29udGVudFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjb2xvciwgLi4ucmVzdCB9KSA9PiAoXG4gIDxDb250ZW50Q29udGFpbmVyIHsuLi5yZXN0fT5cbiAgICA8Q29udGVudCBjb2xvcj17Y29sb3J9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiBzdHlsZWRBcz17J2JvZHknfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvQ29udGVudD5cbiAgPC9Db250ZW50Q29udGFpbmVyPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkQ29udGVudFxuIl19 */"));
+var CardContent = function CardContent(_ref) {
+  var children = _ref.children,
+    color = _ref.color,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX(ContentContainer, rest, ___EmotionJSX(Content, {
+    color: color
+  }, ___EmotionJSX(Text, {
+    as: "div",
+    styledAs: 'body'
+  }, children)));
+};
+export default CardContent;

package/card/CardMedia.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponent, ReactNode } from 'react';
+export declare type CardMediaProps = {
+    /**
+     * Media component to be displayed
+     */
+    media: ReactNode;
+    /**
+     * Aspect ratio of media component
+     */
+    aspectRatio?: AspectRatio;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+export declare type AspectRatio = '2:1' | '3:2';
+declare const CardMedia: FunctionComponent<CardMediaProps>;
+export default CardMedia;