@dfds-ui/theme 2.2.0-alpha.9edc847c → 2.2.0-alpha.a78c2264

package/cjs/states.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _colors = require("@dfds-ui/colors");
+var _react = require("@emotion/react");
+var _theme = _interopRequireDefault(require("./theme"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const outline = (error = false) => /*#__PURE__*/(0, _react.css)("outline:none;&:focus{outline:none;}&:before{box-sizing:border-box;content:'';display:block;top:0;left:0;height:100%;width:100%;position:absolute;background:transparent;border:", _theme.default.borders.widths.s, " solid ", _theme.default.colors.text.dark.secondary, ";}&:not([disabled]){&:hover{&:before{border:", _theme.default.borders.widths.m, " solid ", _theme.default.colors.secondary.dark, ";}}&:focus{&[data-focus-visible-added]{&:before{border:", _theme.default.borders.widths.m, " solid ", _theme.default.colors.secondary.main, ";box-shadow:0 0 4px ", _theme.default.colors.secondary.main, ";}}}&:active{&:before{border:", _theme.default.borders.widths.m, " solid ", _theme.default.colors.secondary.main, ";}}}", error && /*#__PURE__*/(0, _react.css)("&:before{border:", _theme.default.borders.widths.m, " solid ", _theme.default.colors.status.alert, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:outline;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGF0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RLIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGF0ZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBoeWRybzIgfSBmcm9tICdAZGZkcy11aS9jb2xvcnMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0aGVtZSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBvdXRsaW5lID0gKGVycm9yID0gZmFsc2UpID0+IGNzc2BcbiAgb3V0bGluZTogbm9uZTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMuc30gc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gIH1cblxuICAmOm5vdChbZGlzYWJsZWRdKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDAgNHB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAke2Vycm9yICYmXG4gIGNzc2BcbiAgICAmOmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIGB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5zfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBPdmVybGF5T3B0aW9ucyA9IHR5cGVvZiBkZWZhdWx0T3ZlcmxheU9wdGlvbnNcblxuY29uc3QgZGVmYXVsdE92ZXJsYXlPcHRpb25zID0ge1xuICBob3ZlcjogJzAuMDgnLFxuICBmb2N1czogJzAuMTYnLFxuICBhY3RpdmU6ICcwLjE2JyxcbiAgc2VsZWN0ZWQ6ICcwLjEyJyxcbiAgZGlzYWJsZWQ6ICcwLjMnLFxuICBjb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gIGlnbm9yZUZvY3VzVmlzaWJpbGl0eTogZmFsc2UsXG59XG5cbmNvbnN0IGxpZ2h0Qmx1ZU92ZXJsYXlPcHRpb25zOiBPdmVybGF5T3B0aW9ucyA9IHtcbiAgaG92ZXI6ICcwLjA4JyxcbiAgZm9jdXM6ICcwLjE2JyxcbiAgYWN0aXZlOiAnMC4xNicsXG4gIHNlbGVjdGVkOiAnMC4xMicsXG4gIGRpc2FibGVkOiAnMC4zJyxcbiAgY29sb3I6IGh5ZHJvMi5zZWNvbmRhcnkubWFpbixcbiAgaWdub3JlRm9jdXNWaXNpYmlsaXR5OiBmYWxzZSxcbn1cblxuY29uc3Qgb3ZlcmxheSA9IChzZWxlY3RlZCA9IGZhbHNlLCBvdmVybGF5T3B0aW9uczogUGFydGlhbDx0eXBlb2YgZGVmYXVsdE92ZXJsYXlPcHRpb25zPiA9IHt9KSA9PiB7XG4gIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgLi4uZGVmYXVsdE92ZXJsYXlPcHRpb25zLFxuICAgIC4uLm92ZXJsYXlPcHRpb25zLFxuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJhY2tncm91bmQ6ICR7b3B0aW9ucy5jb2xvcn07XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgJjphZnRlciB7XG4gICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5ob3Zlcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAke29wdGlvbnMuaWdub3JlRm9jdXNWaXNpYmlsaXR5XG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYFxuICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAke29wdGlvbnMuYWN0aXZlfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBvcGFjaXR5OiAke29wdGlvbnMuZGlzYWJsZWR9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgfVxuICAgIH1cblxuICAgICR7c2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogJHtvcHRpb25zLnNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgb3V0bGluZSxcbiAgb3ZlcmxheSxcbiAgb3ZlcmxheU9wdGlvbnM6IHtcbiAgICBkZWZhdWx0T3ZlcmxheU9wdGlvbnMsXG4gICAgbGlnaHRCbHVlT3ZlcmxheU9wdGlvbnMsXG4gIH0sXG59XG4iXX0= */"), " &[disabled]{&:before{border:", _theme.default.borders.widths.s, " solid ", _theme.default.colors.text.dark.disabled, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:outline;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGF0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXNDIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGF0ZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBoeWRybzIgfSBmcm9tICdAZGZkcy11aS9jb2xvcnMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0aGVtZSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBvdXRsaW5lID0gKGVycm9yID0gZmFsc2UpID0+IGNzc2BcbiAgb3V0bGluZTogbm9uZTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMuc30gc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gIH1cblxuICAmOm5vdChbZGlzYWJsZWRdKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDAgNHB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAke2Vycm9yICYmXG4gIGNzc2BcbiAgICAmOmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIGB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5zfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBPdmVybGF5T3B0aW9ucyA9IHR5cGVvZiBkZWZhdWx0T3ZlcmxheU9wdGlvbnNcblxuY29uc3QgZGVmYXVsdE92ZXJsYXlPcHRpb25zID0ge1xuICBob3ZlcjogJzAuMDgnLFxuICBmb2N1czogJzAuMTYnLFxuICBhY3RpdmU6ICcwLjE2JyxcbiAgc2VsZWN0ZWQ6ICcwLjEyJyxcbiAgZGlzYWJsZWQ6ICcwLjMnLFxuICBjb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gIGlnbm9yZUZvY3VzVmlzaWJpbGl0eTogZmFsc2UsXG59XG5cbmNvbnN0IGxpZ2h0Qmx1ZU92ZXJsYXlPcHRpb25zOiBPdmVybGF5T3B0aW9ucyA9IHtcbiAgaG92ZXI6ICcwLjA4JyxcbiAgZm9jdXM6ICcwLjE2JyxcbiAgYWN0aXZlOiAnMC4xNicsXG4gIHNlbGVjdGVkOiAnMC4xMicsXG4gIGRpc2FibGVkOiAnMC4zJyxcbiAgY29sb3I6IGh5ZHJvMi5zZWNvbmRhcnkubWFpbixcbiAgaWdub3JlRm9jdXNWaXNpYmlsaXR5OiBmYWxzZSxcbn1cblxuY29uc3Qgb3ZlcmxheSA9IChzZWxlY3RlZCA9IGZhbHNlLCBvdmVybGF5T3B0aW9uczogUGFydGlhbDx0eXBlb2YgZGVmYXVsdE92ZXJsYXlPcHRpb25zPiA9IHt9KSA9PiB7XG4gIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgLi4uZGVmYXVsdE92ZXJsYXlPcHRpb25zLFxuICAgIC4uLm92ZXJsYXlPcHRpb25zLFxuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJhY2tncm91bmQ6ICR7b3B0aW9ucy5jb2xvcn07XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgJjphZnRlciB7XG4gICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5ob3Zlcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAke29wdGlvbnMuaWdub3JlRm9jdXNWaXNpYmlsaXR5XG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYFxuICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAke29wdGlvbnMuYWN0aXZlfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBvcGFjaXR5OiAke29wdGlvbnMuZGlzYWJsZWR9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgfVxuICAgIH1cblxuICAgICR7c2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogJHtvcHRpb25zLnNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgb3V0bGluZSxcbiAgb3ZlcmxheSxcbiAgb3ZlcmxheU9wdGlvbnM6IHtcbiAgICBkZWZhdWx0T3ZlcmxheU9wdGlvbnMsXG4gICAgbGlnaHRCbHVlT3ZlcmxheU9wdGlvbnMsXG4gIH0sXG59XG4iXX0= */");
+const defaultOverlayOptions = {
+  hover: '0.08',
+  focus: '0.16',
+  active: '0.16',
+  selected: '0.12',
+  disabled: '0.3',
+  color: 'currentColor',
+  ignoreFocusVisibility: false
+};
+const lightBlueOverlayOptions = {
+  hover: '0.08',
+  focus: '0.16',
+  active: '0.16',
+  selected: '0.12',
+  disabled: '0.3',
+  color: _colors.hydro2.secondary.main,
+  ignoreFocusVisibility: false
+};
+const overlay = (selected = false, overlayOptions = {}) => {
+  const options = {
+    ...defaultOverlayOptions,
+    ...overlayOptions
+  };
+  return /*#__PURE__*/(0, _react.css)("outline:none;&:focus{outline:none;}&:after{content:'';display:block;top:0;left:0;height:100%;width:100%;position:absolute;background:", options.color, ";opacity:0;}&:hover{&:after{opacity:", options.hover, ";}}&:focus{", options.ignoreFocusVisibility ? /*#__PURE__*/(0, _react.css)("&:after{opacity:", options.focus, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:overlay;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGF0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0hhIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGF0ZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBoeWRybzIgfSBmcm9tICdAZGZkcy11aS9jb2xvcnMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0aGVtZSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBvdXRsaW5lID0gKGVycm9yID0gZmFsc2UpID0+IGNzc2BcbiAgb3V0bGluZTogbm9uZTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMuc30gc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gIH1cblxuICAmOm5vdChbZGlzYWJsZWRdKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDAgNHB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAke2Vycm9yICYmXG4gIGNzc2BcbiAgICAmOmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIGB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5zfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBPdmVybGF5T3B0aW9ucyA9IHR5cGVvZiBkZWZhdWx0T3ZlcmxheU9wdGlvbnNcblxuY29uc3QgZGVmYXVsdE92ZXJsYXlPcHRpb25zID0ge1xuICBob3ZlcjogJzAuMDgnLFxuICBmb2N1czogJzAuMTYnLFxuICBhY3RpdmU6ICcwLjE2JyxcbiAgc2VsZWN0ZWQ6ICcwLjEyJyxcbiAgZGlzYWJsZWQ6ICcwLjMnLFxuICBjb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gIGlnbm9yZUZvY3VzVmlzaWJpbGl0eTogZmFsc2UsXG59XG5cbmNvbnN0IGxpZ2h0Qmx1ZU92ZXJsYXlPcHRpb25zOiBPdmVybGF5T3B0aW9ucyA9IHtcbiAgaG92ZXI6ICcwLjA4JyxcbiAgZm9jdXM6ICcwLjE2JyxcbiAgYWN0aXZlOiAnMC4xNicsXG4gIHNlbGVjdGVkOiAnMC4xMicsXG4gIGRpc2FibGVkOiAnMC4zJyxcbiAgY29sb3I6IGh5ZHJvMi5zZWNvbmRhcnkubWFpbixcbiAgaWdub3JlRm9jdXNWaXNpYmlsaXR5OiBmYWxzZSxcbn1cblxuY29uc3Qgb3ZlcmxheSA9IChzZWxlY3RlZCA9IGZhbHNlLCBvdmVybGF5T3B0aW9uczogUGFydGlhbDx0eXBlb2YgZGVmYXVsdE92ZXJsYXlPcHRpb25zPiA9IHt9KSA9PiB7XG4gIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgLi4uZGVmYXVsdE92ZXJsYXlPcHRpb25zLFxuICAgIC4uLm92ZXJsYXlPcHRpb25zLFxuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJhY2tncm91bmQ6ICR7b3B0aW9ucy5jb2xvcn07XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgJjphZnRlciB7XG4gICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5ob3Zlcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAke29wdGlvbnMuaWdub3JlRm9jdXNWaXNpYmlsaXR5XG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYFxuICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAke29wdGlvbnMuYWN0aXZlfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBvcGFjaXR5OiAke29wdGlvbnMuZGlzYWJsZWR9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgfVxuICAgIH1cblxuICAgICR7c2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogJHtvcHRpb25zLnNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgb3V0bGluZSxcbiAgb3ZlcmxheSxcbiAgb3ZlcmxheU9wdGlvbnM6IHtcbiAgICBkZWZhdWx0T3ZlcmxheU9wdGlvbnMsXG4gICAgbGlnaHRCbHVlT3ZlcmxheU9wdGlvbnMsXG4gIH0sXG59XG4iXX0= */") : /*#__PURE__*/(0, _react.css)("&[data-focus-visible-added]{&:after{opacity:", options.focus, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:overlay;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGF0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhhIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGF0ZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBoeWRybzIgfSBmcm9tICdAZGZkcy11aS9jb2xvcnMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0aGVtZSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBvdXRsaW5lID0gKGVycm9yID0gZmFsc2UpID0+IGNzc2BcbiAgb3V0bGluZTogbm9uZTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMuc30gc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gIH1cblxuICAmOm5vdChbZGlzYWJsZWRdKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDAgNHB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAke2Vycm9yICYmXG4gIGNzc2BcbiAgICAmOmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIGB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5zfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBPdmVybGF5T3B0aW9ucyA9IHR5cGVvZiBkZWZhdWx0T3ZlcmxheU9wdGlvbnNcblxuY29uc3QgZGVmYXVsdE92ZXJsYXlPcHRpb25zID0ge1xuICBob3ZlcjogJzAuMDgnLFxuICBmb2N1czogJzAuMTYnLFxuICBhY3RpdmU6ICcwLjE2JyxcbiAgc2VsZWN0ZWQ6ICcwLjEyJyxcbiAgZGlzYWJsZWQ6ICcwLjMnLFxuICBjb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gIGlnbm9yZUZvY3VzVmlzaWJpbGl0eTogZmFsc2UsXG59XG5cbmNvbnN0IGxpZ2h0Qmx1ZU92ZXJsYXlPcHRpb25zOiBPdmVybGF5T3B0aW9ucyA9IHtcbiAgaG92ZXI6ICcwLjA4JyxcbiAgZm9jdXM6ICcwLjE2JyxcbiAgYWN0aXZlOiAnMC4xNicsXG4gIHNlbGVjdGVkOiAnMC4xMicsXG4gIGRpc2FibGVkOiAnMC4zJyxcbiAgY29sb3I6IGh5ZHJvMi5zZWNvbmRhcnkubWFpbixcbiAgaWdub3JlRm9jdXNWaXNpYmlsaXR5OiBmYWxzZSxcbn1cblxuY29uc3Qgb3ZlcmxheSA9IChzZWxlY3RlZCA9IGZhbHNlLCBvdmVybGF5T3B0aW9uczogUGFydGlhbDx0eXBlb2YgZGVmYXVsdE92ZXJsYXlPcHRpb25zPiA9IHt9KSA9PiB7XG4gIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgLi4uZGVmYXVsdE92ZXJsYXlPcHRpb25zLFxuICAgIC4uLm92ZXJsYXlPcHRpb25zLFxuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJhY2tncm91bmQ6ICR7b3B0aW9ucy5jb2xvcn07XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgJjphZnRlciB7XG4gICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5ob3Zlcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAke29wdGlvbnMuaWdub3JlRm9jdXNWaXNpYmlsaXR5XG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYFxuICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAke29wdGlvbnMuYWN0aXZlfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBvcGFjaXR5OiAke29wdGlvbnMuZGlzYWJsZWR9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgfVxuICAgIH1cblxuICAgICR7c2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogJHtvcHRpb25zLnNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgb3V0bGluZSxcbiAgb3ZlcmxheSxcbiAgb3ZlcmxheU9wdGlvbnM6IHtcbiAgICBkZWZhdWx0T3ZlcmxheU9wdGlvbnMsXG4gICAgbGlnaHRCbHVlT3ZlcmxheU9wdGlvbnMsXG4gIH0sXG59XG4iXX0= */"), ";}&:active{&:after{opacity:", options.active, ";}}&[disabled]{opacity:", options.disabled, ";&:after{visibility:hidden;}}", selected && /*#__PURE__*/(0, _react.css)("&:after{opacity:", options.selected, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:overlay;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGF0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUpPIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGF0ZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBoeWRybzIgfSBmcm9tICdAZGZkcy11aS9jb2xvcnMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0aGVtZSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBvdXRsaW5lID0gKGVycm9yID0gZmFsc2UpID0+IGNzc2BcbiAgb3V0bGluZTogbm9uZTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMuc30gc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gIH1cblxuICAmOm5vdChbZGlzYWJsZWRdKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDAgNHB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAke2Vycm9yICYmXG4gIGNzc2BcbiAgICAmOmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIGB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5zfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBPdmVybGF5T3B0aW9ucyA9IHR5cGVvZiBkZWZhdWx0T3ZlcmxheU9wdGlvbnNcblxuY29uc3QgZGVmYXVsdE92ZXJsYXlPcHRpb25zID0ge1xuICBob3ZlcjogJzAuMDgnLFxuICBmb2N1czogJzAuMTYnLFxuICBhY3RpdmU6ICcwLjE2JyxcbiAgc2VsZWN0ZWQ6ICcwLjEyJyxcbiAgZGlzYWJsZWQ6ICcwLjMnLFxuICBjb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gIGlnbm9yZUZvY3VzVmlzaWJpbGl0eTogZmFsc2UsXG59XG5cbmNvbnN0IGxpZ2h0Qmx1ZU92ZXJsYXlPcHRpb25zOiBPdmVybGF5T3B0aW9ucyA9IHtcbiAgaG92ZXI6ICcwLjA4JyxcbiAgZm9jdXM6ICcwLjE2JyxcbiAgYWN0aXZlOiAnMC4xNicsXG4gIHNlbGVjdGVkOiAnMC4xMicsXG4gIGRpc2FibGVkOiAnMC4zJyxcbiAgY29sb3I6IGh5ZHJvMi5zZWNvbmRhcnkubWFpbixcbiAgaWdub3JlRm9jdXNWaXNpYmlsaXR5OiBmYWxzZSxcbn1cblxuY29uc3Qgb3ZlcmxheSA9IChzZWxlY3RlZCA9IGZhbHNlLCBvdmVybGF5T3B0aW9uczogUGFydGlhbDx0eXBlb2YgZGVmYXVsdE92ZXJsYXlPcHRpb25zPiA9IHt9KSA9PiB7XG4gIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgLi4uZGVmYXVsdE92ZXJsYXlPcHRpb25zLFxuICAgIC4uLm92ZXJsYXlPcHRpb25zLFxuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJhY2tncm91bmQ6ICR7b3B0aW9ucy5jb2xvcn07XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgJjphZnRlciB7XG4gICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5ob3Zlcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAke29wdGlvbnMuaWdub3JlRm9jdXNWaXNpYmlsaXR5XG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYFxuICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAke29wdGlvbnMuYWN0aXZlfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBvcGFjaXR5OiAke29wdGlvbnMuZGlzYWJsZWR9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgfVxuICAgIH1cblxuICAgICR7c2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogJHtvcHRpb25zLnNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgb3V0bGluZSxcbiAgb3ZlcmxheSxcbiAgb3ZlcmxheU9wdGlvbnM6IHtcbiAgICBkZWZhdWx0T3ZlcmxheU9wdGlvbnMsXG4gICAgbGlnaHRCbHVlT3ZlcmxheU9wdGlvbnMsXG4gIH0sXG59XG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:overlay;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGF0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZZIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGF0ZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBoeWRybzIgfSBmcm9tICdAZGZkcy11aS9jb2xvcnMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0aGVtZSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBvdXRsaW5lID0gKGVycm9yID0gZmFsc2UpID0+IGNzc2BcbiAgb3V0bGluZTogbm9uZTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMuc30gc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gIH1cblxuICAmOm5vdChbZGlzYWJsZWRdKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDAgNHB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAke2Vycm9yICYmXG4gIGNzc2BcbiAgICAmOmJlZm9yZSB7XG4gICAgICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIGB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5zfSBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBPdmVybGF5T3B0aW9ucyA9IHR5cGVvZiBkZWZhdWx0T3ZlcmxheU9wdGlvbnNcblxuY29uc3QgZGVmYXVsdE92ZXJsYXlPcHRpb25zID0ge1xuICBob3ZlcjogJzAuMDgnLFxuICBmb2N1czogJzAuMTYnLFxuICBhY3RpdmU6ICcwLjE2JyxcbiAgc2VsZWN0ZWQ6ICcwLjEyJyxcbiAgZGlzYWJsZWQ6ICcwLjMnLFxuICBjb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gIGlnbm9yZUZvY3VzVmlzaWJpbGl0eTogZmFsc2UsXG59XG5cbmNvbnN0IGxpZ2h0Qmx1ZU92ZXJsYXlPcHRpb25zOiBPdmVybGF5T3B0aW9ucyA9IHtcbiAgaG92ZXI6ICcwLjA4JyxcbiAgZm9jdXM6ICcwLjE2JyxcbiAgYWN0aXZlOiAnMC4xNicsXG4gIHNlbGVjdGVkOiAnMC4xMicsXG4gIGRpc2FibGVkOiAnMC4zJyxcbiAgY29sb3I6IGh5ZHJvMi5zZWNvbmRhcnkubWFpbixcbiAgaWdub3JlRm9jdXNWaXNpYmlsaXR5OiBmYWxzZSxcbn1cblxuY29uc3Qgb3ZlcmxheSA9IChzZWxlY3RlZCA9IGZhbHNlLCBvdmVybGF5T3B0aW9uczogUGFydGlhbDx0eXBlb2YgZGVmYXVsdE92ZXJsYXlPcHRpb25zPiA9IHt9KSA9PiB7XG4gIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgLi4uZGVmYXVsdE92ZXJsYXlPcHRpb25zLFxuICAgIC4uLm92ZXJsYXlPcHRpb25zLFxuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJhY2tncm91bmQ6ICR7b3B0aW9ucy5jb2xvcn07XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cblxuICAgICY6aG92ZXIge1xuICAgICAgJjphZnRlciB7XG4gICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5ob3Zlcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAke29wdGlvbnMuaWdub3JlRm9jdXNWaXNpYmlsaXR5XG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYFxuICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6ICR7b3B0aW9ucy5mb2N1c307XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAke29wdGlvbnMuYWN0aXZlfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBvcGFjaXR5OiAke29wdGlvbnMuZGlzYWJsZWR9O1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgfVxuICAgIH1cblxuICAgICR7c2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogJHtvcHRpb25zLnNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgb3V0bGluZSxcbiAgb3ZlcmxheSxcbiAgb3ZlcmxheU9wdGlvbnM6IHtcbiAgICBkZWZhdWx0T3ZlcmxheU9wdGlvbnMsXG4gICAgbGlnaHRCbHVlT3ZlcmxheU9wdGlvbnMsXG4gIH0sXG59XG4iXX0= */");
+};
+var _default = exports.default = {
+  outline,
+  overlay,
+  overlayOptions: {
+    defaultOverlayOptions,
+    lightBlueOverlayOptions
+  }
+};

package/cjs/theme.d.ts

@@ -0,0 +1,138 @@
+import { Colors } from '@dfds-ui/colors';
+import { LegacyColorsFlat } from '@dfds-ui/colors/legacy';
+declare const theme: {
+    borders: {
+        widths: {
+            s: string;
+            m: string;
+            l: string;
+        };
+    };
+    colors: Colors & LegacyColorsFlat;
+    spacing: {
+        xxs: string;
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        xxl: string;
+    };
+    radii: {
+        m: string;
+        l: string;
+    };
+    elevation: {
+        '4': string;
+        '8': string;
+        '16': string;
+    };
+    breakpoints: {
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    };
+    states: {
+        outline: (error?: boolean) => import("@emotion/utils").SerializedStyles;
+        overlay: (selected?: boolean, overlayOptions?: Partial<{
+            hover: string;
+            focus: string;
+            active: string;
+            selected: string;
+            disabled: string;
+            color: string;
+            ignoreFocusVisibility: boolean;
+        }>) => import("@emotion/utils").SerializedStyles;
+        overlayOptions: {
+            defaultOverlayOptions: {
+                hover: string;
+                focus: string;
+                active: string;
+                selected: string;
+                disabled: string;
+                color: string;
+                ignoreFocusVisibility: boolean;
+            };
+            lightBlueOverlayOptions: {
+                hover: string;
+                focus: string;
+                active: string;
+                selected: string;
+                disabled: string;
+                color: string;
+                ignoreFocusVisibility: boolean;
+            };
+        };
+    };
+    zIndex: {
+        drawer: number;
+        elevatedSheet: number;
+        stickyBanner: number;
+        stickyToolBar: number;
+        toast: number;
+        modal: number;
+        tooltip: number;
+    };
+    fontFamilies: {
+        display: string;
+        body: string;
+        system: string;
+    };
+    fontSizes: {
+        headline: {
+            hero: {
+                mobile: string;
+                desktop: string;
+            };
+            section: string;
+            sub: string;
+            small: string;
+        };
+        action: string;
+        label: {
+            small: string;
+            medium: string;
+        };
+        body: {
+            small: string;
+            medium: string;
+        };
+        caption: string;
+    };
+    fontWeights: {
+        display: {
+            light: number;
+            regular: number;
+            bold: number;
+        };
+        body: {
+            regular: number;
+            bold: number;
+        };
+    };
+    lineHeights: {
+        headline: {
+            hero: {
+                mobile: number;
+                desktop: number;
+            };
+            section: number;
+            sub: number;
+            small: number;
+        };
+        action: number;
+        body: {
+            small: number;
+            regular: number;
+            interface: number;
+        };
+        label: {
+            small: number;
+            medium: number;
+        };
+        caption: number;
+    };
+};
+export default theme;

package/cjs/theme.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _fonts = _interopRequireDefault(require("./fonts"));
+var _borders = _interopRequireDefault(require("./borders"));
+var _radii = _interopRequireDefault(require("./radii"));
+var _elevation = _interopRequireDefault(require("./elevation"));
+var _colors = require("@dfds-ui/colors");
+var _spacing = require("@dfds-ui/spacing");
+var _states = _interopRequireDefault(require("./states"));
+var _breakpoints = _interopRequireDefault(require("./breakpoints"));
+var _zIndex = _interopRequireDefault(require("./z-index"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+const themeColors = {
+  ..._colors.hydro2,
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  ..._colors.legacyColorPalette.surface,
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  ..._colors.legacyColorPalette.static,
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  ..._colors.legacyColorPalette.interaction,
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  ..._colors.legacyColorPalette.status
+};
+const theme = {
+  ..._fonts.default,
+  borders: _borders.default,
+  colors: themeColors,
+  spacing: _spacing.spacing,
+  radii: _radii.default,
+  elevation: _elevation.default,
+  breakpoints: _breakpoints.default,
+  states: _states.default,
+  zIndex: _zIndex.default
+};
+var _default = exports.default = theme;

package/cjs/z-index.d.ts

@@ -0,0 +1,10 @@
+declare const zIndex: {
+    drawer: number;
+    elevatedSheet: number;
+    stickyBanner: number;
+    stickyToolBar: number;
+    toast: number;
+    modal: number;
+    tooltip: number;
+};
+export default zIndex;

package/cjs/z-index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const zIndex = {
+  drawer: 200,
+  elevatedSheet: 300,
+  stickyBanner: 400,
+  stickyToolBar: 400,
+  toast: 500,
+  modal: 600,
+  tooltip: 700
+};
+var _default = exports.default = zIndex;

package/elevation.d.ts

@@ -0,0 +1,6 @@
+declare const elevation: {
+    '4': string;
+    '8': string;
+    '16': string;
+};
+export default elevation;

package/elevation.js

@@ -0,0 +1,6 @@
+var elevation = {
+  '4': '0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14)',
+  '8': '0 5px 5px -3px rgba(0, 0, 0, 0.18), 0 3px 14px 2px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.12)',
+  '16': '0 10px 10px -5px rgba(0, 0, 0, 0.16), 0 5px 30px 5px rgba(0, 0, 0, 0.06), 0 15px 24px 2px rgba(0, 0, 0, 0.1)'
+};
+export default elevation;

package/fonts.d.ts

@@ -0,0 +1,121 @@
+export declare const fontFamilies: {
+    display: string;
+    body: string;
+    system: string;
+};
+export declare const fontSizes: {
+    headline: {
+        hero: {
+            mobile: string;
+            desktop: string;
+        };
+        section: string;
+        sub: string;
+        small: string;
+    };
+    action: string;
+    label: {
+        small: string;
+        medium: string;
+    };
+    body: {
+        small: string;
+        medium: string;
+    };
+    caption: string;
+};
+export declare const lineHeights: {
+    headline: {
+        hero: {
+            mobile: number;
+            desktop: number;
+        };
+        section: number;
+        sub: number;
+        small: number;
+    };
+    action: number;
+    body: {
+        small: number;
+        regular: number;
+        interface: number;
+    };
+    label: {
+        small: number;
+        medium: number;
+    };
+    caption: number;
+};
+export declare const fontWeights: {
+    display: {
+        light: number;
+        regular: number;
+        bold: number;
+    };
+    body: {
+        regular: number;
+        bold: number;
+    };
+};
+declare const fonts: {
+    fontFamilies: {
+        display: string;
+        body: string;
+        system: string;
+    };
+    fontSizes: {
+        headline: {
+            hero: {
+                mobile: string;
+                desktop: string;
+            };
+            section: string;
+            sub: string;
+            small: string;
+        };
+        action: string;
+        label: {
+            small: string;
+            medium: string;
+        };
+        body: {
+            small: string;
+            medium: string;
+        };
+        caption: string;
+    };
+    fontWeights: {
+        display: {
+            light: number;
+            regular: number;
+            bold: number;
+        };
+        body: {
+            regular: number;
+            bold: number;
+        };
+    };
+    lineHeights: {
+        headline: {
+            hero: {
+                mobile: number;
+                desktop: number;
+            };
+            section: number;
+            sub: number;
+            small: number;
+        };
+        action: number;
+        body: {
+            small: number;
+            regular: number;
+            interface: number;
+        };
+        label: {
+            small: number;
+            medium: number;
+        };
+        caption: number;
+    };
+};
+export default fonts;

package/fonts.js

@@ -0,0 +1,66 @@
+export var fontFamilies = {
+  display: 'DFDS, Verdana, system-ui, Arial, "Helvetica Neue", Helvetica, sans-serif',
+  body: 'Verdana, system-ui, Arial, "Helvetica Neue", Helvetica, sans-serif',
+  system: '-apple-system, system-ui, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif'
+};
+export var fontSizes = {
+  headline: {
+    hero: {
+      mobile: '32px',
+      desktop: '48px'
+    },
+    section: '28px',
+    sub: '24px',
+    small: '20px'
+  },
+  action: '16px',
+  label: {
+    small: '12px',
+    medium: '16px'
+  },
+  body: {
+    small: '12px',
+    medium: '14px'
+  },
+  caption: '10px'
+};
+export var lineHeights = {
+  headline: {
+    hero: {
+      mobile: 1.25,
+      desktop: 1.167
+    },
+    section: 1.286,
+    sub: 1.334,
+    small: 1.4
+  },
+  action: 1,
+  body: {
+    small: 1.334,
+    regular: 1.715,
+    "interface": 1.429
+  },
+  label: {
+    small: 1.334,
+    medium: 1.25
+  },
+  caption: 1.6
+};
+export var fontWeights = {
+  display: {
+    light: 300,
+    regular: 400,
+    bold: 700
+  },
+  body: {
+    regular: 400,
+    bold: 700
+  }
+};
+var fonts = {
+  fontFamilies: fontFamilies,
+  fontSizes: fontSizes,
+  fontWeights: fontWeights,
+  lineHeights: lineHeights
+};
+export default fonts;

package/index.d.ts

@@ -0,0 +1,2 @@
+export { default as theme } from './theme';
+export { media, generateMedia, useBreakpoint } from './media';

package/index.js

@@ -0,0 +1,2 @@
+export { default as theme } from './theme';
+export { media, generateMedia, useBreakpoint } from './media';

package/media.d.ts

@@ -0,0 +1,95 @@
+type Breakpoint<T> = keyof T | number;
+type Breakpoints<T> = {
+    [Key in keyof T]: number;
+};
+interface IBreakpoints {
+    [key: string]: number;
+}
+export declare function generateMedia<T extends Breakpoints<T>>(breakpoints: T): {
+    lessThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    lt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    lessThanEqual: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    lte: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    greaterThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    gt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    between: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    bt: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+};
+export declare const media: {
+    lessThan: (breakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    lt: (breakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    lessThanEqual: (breakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    lte: (breakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    greaterThan: (breakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    gt: (breakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    between: (firstBreakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>, secondBreakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+    bt: (firstBreakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>, secondBreakpoint: Breakpoint<{
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+    }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
+};
+export declare function useBreakpoint(breakpoints?: IBreakpoints): {
+    greaterThan: (breakpointKey: string) => boolean;
+    lessThan: (breakpointKey: string) => boolean;
+    lessThanEqual: (breakpointKey: string) => boolean;
+    between: (lessThanBreakpointKey: string, greaterThanBreakpointKey: string) => boolean;
+    width: number;
+};
+export default media;