@dfds-ui/theme 2.2.0-alpha.8f6cde13 → 2.2.0-alpha.9b8e2d07

package/borders.d.ts

@@ -0,0 +1,8 @@
+declare const borders: {
+    widths: {
+        s: string;
+        m: string;
+        l: string;
+    };
+};
+export default borders;

package/borders.js

@@ -0,0 +1,8 @@
+var borders = {
+  widths: {
+    s: '1px',
+    m: '2px',
+    l: '4px'
+  }
+};
+export default borders;

package/breakpoints.d.ts

@@ -0,0 +1,8 @@
+declare const breakpoints: {
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+};
+export default breakpoints;

package/breakpoints.js

@@ -0,0 +1,8 @@
+var breakpoints = {
+  s: 0,
+  m: 767,
+  l: 1025,
+  xl: 1280,
+  xxl: 1360
+};
+export default breakpoints;

package/cjs/borders.d.ts

@@ -0,0 +1,8 @@
+declare const borders: {
+    widths: {
+        s: string;
+        m: string;
+        l: string;
+    };
+};
+export default borders;

package/cjs/borders.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const borders = {
+  widths: {
+    s: '1px',
+    m: '2px',
+    l: '4px'
+  }
+};
+var _default = exports.default = borders;

package/cjs/breakpoints.d.ts

@@ -0,0 +1,8 @@
+declare const breakpoints: {
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+};
+export default breakpoints;

package/cjs/breakpoints.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const breakpoints = {
+  s: 0,
+  m: 767,
+  l: 1025,
+  xl: 1280,
+  xxl: 1360
+};
+var _default = exports.default = breakpoints;

package/cjs/elevation.d.ts

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

package/cjs/elevation.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const 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)'
+};
+var _default = exports.default = elevation;

package/cjs/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/cjs/fonts.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lineHeights = exports.fontWeights = exports.fontSizes = exports.fontFamilies = exports.default = void 0;
+const fontFamilies = exports.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'
+};
+const fontSizes = exports.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'
+};
+const lineHeights = exports.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
+};
+const fontWeights = exports.fontWeights = {
+  display: {
+    light: 300,
+    regular: 400,
+    bold: 700
+  },
+  body: {
+    regular: 400,
+    bold: 700
+  }
+};
+const fonts = {
+  fontFamilies,
+  fontSizes,
+  fontWeights,
+  lineHeights
+};
+var _default = exports.default = fonts;

package/cjs/index.d.ts

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

package/cjs/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "generateMedia", {
+  enumerable: true,
+  get: function () {
+    return _media.generateMedia;
+  }
+});
+Object.defineProperty(exports, "media", {
+  enumerable: true,
+  get: function () {
+    return _media.media;
+  }
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function () {
+    return _theme.default;
+  }
+});
+Object.defineProperty(exports, "useBreakpoint", {
+  enumerable: true,
+  get: function () {
+    return _media.useBreakpoint;
+  }
+});
+var _theme = _interopRequireDefault(require("./theme"));
+var _media = require("./media");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/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;

package/cjs/media.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.generateMedia = generateMedia;
+exports.media = void 0;
+exports.useBreakpoint = useBreakpoint;
+var _react = require("react");
+var _breakpoints = _interopRequireDefault(require("./breakpoints"));
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+var _react2 = require("@emotion/react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function generateMedia(breakpoints) {
+  const toInt = breakpoint => {
+    return typeof breakpoint === 'number' ? breakpoint : breakpoints[breakpoint];
+  };
+  const lessThan = breakpoint => (...args) => /*#__PURE__*/(0, _react2.css)("@media (max-width: ", toInt(breakpoint) - 1, "px){", /*#__PURE__*/(0, _react2.css)(...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:lessThan;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZWRpYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQlMiLCJmaWxlIjoiLi4vLi4vc3JjL21lZGlhLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGRlZmF1bHRCcmVha3BvaW50cyBmcm9tICcuL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IHRocm90dGxlIGZyb20gJ2xvZGFzaC50aHJvdHRsZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEJyZWFrcG9pbnQ8VD4gPSBrZXlvZiBUIHwgbnVtYmVyXG50eXBlIEJyZWFrcG9pbnRzPFQ+ID0geyBbS2V5IGluIGtleW9mIFRdOiBudW1iZXIgfVxuaW50ZXJmYWNlIElCcmVha3BvaW50cyB7XG4gIFtrZXk6IHN0cmluZ106IG51bWJlclxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2VuZXJhdGVNZWRpYTxUIGV4dGVuZHMgQnJlYWtwb2ludHM8VD4+KGJyZWFrcG9pbnRzOiBUKSB7XG4gIGNvbnN0IHRvSW50ID0gKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQ8VD4pID0+IHtcbiAgICByZXR1cm4gdHlwZW9mIGJyZWFrcG9pbnQgPT09ICdudW1iZXInID8gYnJlYWtwb2ludCA6IGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRdXG4gIH1cblxuICBjb25zdCBsZXNzVGhhbiA9XG4gICAgKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQ8VD4pID0+XG4gICAgKC4uLmFyZ3M6IGFueSkgPT5cbiAgICAgIGNzc2BcbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6ICR7dG9JbnQoYnJlYWtwb2ludCkgLSAxfXB4KSB7XG4gICAgICAgICAgJHtjc3MoLi4uYXJncyl9XG4gICAgICAgIH1cbiAgICAgIGBcblxuICBjb25zdCBsZXNzVGhhbkVxdWFsID1cbiAgICAoYnJlYWtwb2ludDogQnJlYWtwb2ludDxUPikgPT5cbiAgICAoLi4uYXJnczogYW55KSA9PlxuICAgICAgY3NzYFxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHt0b0ludChicmVha3BvaW50KX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgY29uc3QgZ3JlYXRlclRoYW4gPVxuICAgIChicmVha3BvaW50OiBCcmVha3BvaW50PFQ+KSA9PlxuICAgICguLi5hcmdzOiBhbnkpID0+XG4gICAgICBjc3NgXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiAke3RvSW50KGJyZWFrcG9pbnQpICsgMX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgY29uc3QgYmV0d2VlbiA9XG4gICAgKGZpcnN0QnJlYWtwb2ludDogQnJlYWtwb2ludDxUPiwgc2Vjb25kQnJlYWtwb2ludDogQnJlYWtwb2ludDxUPikgPT5cbiAgICAoLi4uYXJnczogYW55KSA9PlxuICAgICAgY3NzYFxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogJHt0b0ludChmaXJzdEJyZWFrcG9pbnQpfXB4KSBhbmQgKG1heC13aWR0aDogJHt0b0ludChzZWNvbmRCcmVha3BvaW50KX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgcmV0dXJuIHtcbiAgICBsZXNzVGhhbixcbiAgICBsdDogbGVzc1RoYW4sXG4gICAgbGVzc1RoYW5FcXVhbCxcbiAgICBsdGU6IGxlc3NUaGFuRXF1YWwsXG4gICAgZ3JlYXRlclRoYW4sXG4gICAgZ3Q6IGdyZWF0ZXJUaGFuLFxuICAgIGJldHdlZW4sXG4gICAgYnQ6IGJldHdlZW4sXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IG1lZGlhID0gZ2VuZXJhdGVNZWRpYShkZWZhdWx0QnJlYWtwb2ludHMpXG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VCcmVha3BvaW50KGJyZWFrcG9pbnRzOiBJQnJlYWtwb2ludHMgPSBkZWZhdWx0QnJlYWtwb2ludHMpIHtcbiAgY29uc3QgW3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZSh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyA/IHdpbmRvdy5pbm5lcldpZHRoIDogMClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjYWxjSW5uZXJXaWR0aCA9IHRocm90dGxlKCgpID0+IHtcbiAgICAgIHNldFdpZHRoKHdpbmRvdy5pbm5lcldpZHRoKVxuICAgIH0sIDIwMClcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgY2FsY0lubmVyV2lkdGgpXG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBjYWxjSW5uZXJXaWR0aClcbiAgfSwgW10pXG5cbiAgY29uc3QgbGVzc1RoYW4gPSAoYnJlYWtwb2ludEtleTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiYgYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gPiB3aWR0aFxuICB9XG5cbiAgY29uc3QgbGVzc1RoYW5FcXVhbCA9IChicmVha3BvaW50S2V5OiBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gIT09IHVuZGVmaW5lZCAmJiBicmVha3BvaW50c1ticmVha3BvaW50S2V5XSA+PSB3aWR0aFxuICB9XG5cbiAgY29uc3QgZ3JlYXRlclRoYW4gPSAoYnJlYWtwb2ludEtleTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiYgYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gPCB3aWR0aFxuICB9XG5cbiAgY29uc3QgYmV0d2VlbiA9IChsZXNzVGhhbkJyZWFrcG9pbnRLZXk6IHN0cmluZywgZ3JlYXRlclRoYW5CcmVha3BvaW50S2V5OiBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgYnJlYWtwb2ludHNbbGVzc1RoYW5CcmVha3BvaW50S2V5XSAhPT0gdW5kZWZpbmVkICYmXG4gICAgICBicmVha3BvaW50c1tncmVhdGVyVGhhbkJyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiZcbiAgICAgIGJyZWFrcG9pbnRzW2xlc3NUaGFuQnJlYWtwb2ludEtleV0gPCB3aWR0aCAmJlxuICAgICAgYnJlYWtwb2ludHNbZ3JlYXRlclRoYW5CcmVha3BvaW50S2V5XSA+IHdpZHRoXG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBncmVhdGVyVGhhbixcbiAgICBsZXNzVGhhbixcbiAgICBsZXNzVGhhbkVxdWFsLFxuICAgIGJldHdlZW4sXG4gICAgd2lkdGgsXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVkaWFcbiJdfQ== */");
+  const lessThanEqual = breakpoint => (...args) => /*#__PURE__*/(0, _react2.css)("@media (max-width: ", toInt(breakpoint), "px){", /*#__PURE__*/(0, _react2.css)(...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:lessThanEqual;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZWRpYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlMiLCJmaWxlIjoiLi4vLi4vc3JjL21lZGlhLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGRlZmF1bHRCcmVha3BvaW50cyBmcm9tICcuL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IHRocm90dGxlIGZyb20gJ2xvZGFzaC50aHJvdHRsZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEJyZWFrcG9pbnQ8VD4gPSBrZXlvZiBUIHwgbnVtYmVyXG50eXBlIEJyZWFrcG9pbnRzPFQ+ID0geyBbS2V5IGluIGtleW9mIFRdOiBudW1iZXIgfVxuaW50ZXJmYWNlIElCcmVha3BvaW50cyB7XG4gIFtrZXk6IHN0cmluZ106IG51bWJlclxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2VuZXJhdGVNZWRpYTxUIGV4dGVuZHMgQnJlYWtwb2ludHM8VD4+KGJyZWFrcG9pbnRzOiBUKSB7XG4gIGNvbnN0IHRvSW50ID0gKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQ8VD4pID0+IHtcbiAgICByZXR1cm4gdHlwZW9mIGJyZWFrcG9pbnQgPT09ICdudW1iZXInID8gYnJlYWtwb2ludCA6IGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRdXG4gIH1cblxuICBjb25zdCBsZXNzVGhhbiA9XG4gICAgKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQ8VD4pID0+XG4gICAgKC4uLmFyZ3M6IGFueSkgPT5cbiAgICAgIGNzc2BcbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6ICR7dG9JbnQoYnJlYWtwb2ludCkgLSAxfXB4KSB7XG4gICAgICAgICAgJHtjc3MoLi4uYXJncyl9XG4gICAgICAgIH1cbiAgICAgIGBcblxuICBjb25zdCBsZXNzVGhhbkVxdWFsID1cbiAgICAoYnJlYWtwb2ludDogQnJlYWtwb2ludDxUPikgPT5cbiAgICAoLi4uYXJnczogYW55KSA9PlxuICAgICAgY3NzYFxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHt0b0ludChicmVha3BvaW50KX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgY29uc3QgZ3JlYXRlclRoYW4gPVxuICAgIChicmVha3BvaW50OiBCcmVha3BvaW50PFQ+KSA9PlxuICAgICguLi5hcmdzOiBhbnkpID0+XG4gICAgICBjc3NgXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiAke3RvSW50KGJyZWFrcG9pbnQpICsgMX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgY29uc3QgYmV0d2VlbiA9XG4gICAgKGZpcnN0QnJlYWtwb2ludDogQnJlYWtwb2ludDxUPiwgc2Vjb25kQnJlYWtwb2ludDogQnJlYWtwb2ludDxUPikgPT5cbiAgICAoLi4uYXJnczogYW55KSA9PlxuICAgICAgY3NzYFxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogJHt0b0ludChmaXJzdEJyZWFrcG9pbnQpfXB4KSBhbmQgKG1heC13aWR0aDogJHt0b0ludChzZWNvbmRCcmVha3BvaW50KX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgcmV0dXJuIHtcbiAgICBsZXNzVGhhbixcbiAgICBsdDogbGVzc1RoYW4sXG4gICAgbGVzc1RoYW5FcXVhbCxcbiAgICBsdGU6IGxlc3NUaGFuRXF1YWwsXG4gICAgZ3JlYXRlclRoYW4sXG4gICAgZ3Q6IGdyZWF0ZXJUaGFuLFxuICAgIGJldHdlZW4sXG4gICAgYnQ6IGJldHdlZW4sXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IG1lZGlhID0gZ2VuZXJhdGVNZWRpYShkZWZhdWx0QnJlYWtwb2ludHMpXG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VCcmVha3BvaW50KGJyZWFrcG9pbnRzOiBJQnJlYWtwb2ludHMgPSBkZWZhdWx0QnJlYWtwb2ludHMpIHtcbiAgY29uc3QgW3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZSh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyA/IHdpbmRvdy5pbm5lcldpZHRoIDogMClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjYWxjSW5uZXJXaWR0aCA9IHRocm90dGxlKCgpID0+IHtcbiAgICAgIHNldFdpZHRoKHdpbmRvdy5pbm5lcldpZHRoKVxuICAgIH0sIDIwMClcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgY2FsY0lubmVyV2lkdGgpXG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBjYWxjSW5uZXJXaWR0aClcbiAgfSwgW10pXG5cbiAgY29uc3QgbGVzc1RoYW4gPSAoYnJlYWtwb2ludEtleTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiYgYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gPiB3aWR0aFxuICB9XG5cbiAgY29uc3QgbGVzc1RoYW5FcXVhbCA9IChicmVha3BvaW50S2V5OiBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gIT09IHVuZGVmaW5lZCAmJiBicmVha3BvaW50c1ticmVha3BvaW50S2V5XSA+PSB3aWR0aFxuICB9XG5cbiAgY29uc3QgZ3JlYXRlclRoYW4gPSAoYnJlYWtwb2ludEtleTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiYgYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gPCB3aWR0aFxuICB9XG5cbiAgY29uc3QgYmV0d2VlbiA9IChsZXNzVGhhbkJyZWFrcG9pbnRLZXk6IHN0cmluZywgZ3JlYXRlclRoYW5CcmVha3BvaW50S2V5OiBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgYnJlYWtwb2ludHNbbGVzc1RoYW5CcmVha3BvaW50S2V5XSAhPT0gdW5kZWZpbmVkICYmXG4gICAgICBicmVha3BvaW50c1tncmVhdGVyVGhhbkJyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiZcbiAgICAgIGJyZWFrcG9pbnRzW2xlc3NUaGFuQnJlYWtwb2ludEtleV0gPCB3aWR0aCAmJlxuICAgICAgYnJlYWtwb2ludHNbZ3JlYXRlclRoYW5CcmVha3BvaW50S2V5XSA+IHdpZHRoXG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBncmVhdGVyVGhhbixcbiAgICBsZXNzVGhhbixcbiAgICBsZXNzVGhhbkVxdWFsLFxuICAgIGJldHdlZW4sXG4gICAgd2lkdGgsXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVkaWFcbiJdfQ== */");
+  const greaterThan = breakpoint => (...args) => /*#__PURE__*/(0, _react2.css)("@media (min-width: ", toInt(breakpoint) + 1, "px){", /*#__PURE__*/(0, _react2.css)(...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:greaterThan;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZWRpYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ1MiLCJmaWxlIjoiLi4vLi4vc3JjL21lZGlhLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGRlZmF1bHRCcmVha3BvaW50cyBmcm9tICcuL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IHRocm90dGxlIGZyb20gJ2xvZGFzaC50aHJvdHRsZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEJyZWFrcG9pbnQ8VD4gPSBrZXlvZiBUIHwgbnVtYmVyXG50eXBlIEJyZWFrcG9pbnRzPFQ+ID0geyBbS2V5IGluIGtleW9mIFRdOiBudW1iZXIgfVxuaW50ZXJmYWNlIElCcmVha3BvaW50cyB7XG4gIFtrZXk6IHN0cmluZ106IG51bWJlclxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2VuZXJhdGVNZWRpYTxUIGV4dGVuZHMgQnJlYWtwb2ludHM8VD4+KGJyZWFrcG9pbnRzOiBUKSB7XG4gIGNvbnN0IHRvSW50ID0gKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQ8VD4pID0+IHtcbiAgICByZXR1cm4gdHlwZW9mIGJyZWFrcG9pbnQgPT09ICdudW1iZXInID8gYnJlYWtwb2ludCA6IGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRdXG4gIH1cblxuICBjb25zdCBsZXNzVGhhbiA9XG4gICAgKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQ8VD4pID0+XG4gICAgKC4uLmFyZ3M6IGFueSkgPT5cbiAgICAgIGNzc2BcbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6ICR7dG9JbnQoYnJlYWtwb2ludCkgLSAxfXB4KSB7XG4gICAgICAgICAgJHtjc3MoLi4uYXJncyl9XG4gICAgICAgIH1cbiAgICAgIGBcblxuICBjb25zdCBsZXNzVGhhbkVxdWFsID1cbiAgICAoYnJlYWtwb2ludDogQnJlYWtwb2ludDxUPikgPT5cbiAgICAoLi4uYXJnczogYW55KSA9PlxuICAgICAgY3NzYFxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHt0b0ludChicmVha3BvaW50KX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgY29uc3QgZ3JlYXRlclRoYW4gPVxuICAgIChicmVha3BvaW50OiBCcmVha3BvaW50PFQ+KSA9PlxuICAgICguLi5hcmdzOiBhbnkpID0+XG4gICAgICBjc3NgXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiAke3RvSW50KGJyZWFrcG9pbnQpICsgMX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgY29uc3QgYmV0d2VlbiA9XG4gICAgKGZpcnN0QnJlYWtwb2ludDogQnJlYWtwb2ludDxUPiwgc2Vjb25kQnJlYWtwb2ludDogQnJlYWtwb2ludDxUPikgPT5cbiAgICAoLi4uYXJnczogYW55KSA9PlxuICAgICAgY3NzYFxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogJHt0b0ludChmaXJzdEJyZWFrcG9pbnQpfXB4KSBhbmQgKG1heC13aWR0aDogJHt0b0ludChzZWNvbmRCcmVha3BvaW50KX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgcmV0dXJuIHtcbiAgICBsZXNzVGhhbixcbiAgICBsdDogbGVzc1RoYW4sXG4gICAgbGVzc1RoYW5FcXVhbCxcbiAgICBsdGU6IGxlc3NUaGFuRXF1YWwsXG4gICAgZ3JlYXRlclRoYW4sXG4gICAgZ3Q6IGdyZWF0ZXJUaGFuLFxuICAgIGJldHdlZW4sXG4gICAgYnQ6IGJldHdlZW4sXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IG1lZGlhID0gZ2VuZXJhdGVNZWRpYShkZWZhdWx0QnJlYWtwb2ludHMpXG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VCcmVha3BvaW50KGJyZWFrcG9pbnRzOiBJQnJlYWtwb2ludHMgPSBkZWZhdWx0QnJlYWtwb2ludHMpIHtcbiAgY29uc3QgW3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZSh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyA/IHdpbmRvdy5pbm5lcldpZHRoIDogMClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjYWxjSW5uZXJXaWR0aCA9IHRocm90dGxlKCgpID0+IHtcbiAgICAgIHNldFdpZHRoKHdpbmRvdy5pbm5lcldpZHRoKVxuICAgIH0sIDIwMClcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgY2FsY0lubmVyV2lkdGgpXG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBjYWxjSW5uZXJXaWR0aClcbiAgfSwgW10pXG5cbiAgY29uc3QgbGVzc1RoYW4gPSAoYnJlYWtwb2ludEtleTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiYgYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gPiB3aWR0aFxuICB9XG5cbiAgY29uc3QgbGVzc1RoYW5FcXVhbCA9IChicmVha3BvaW50S2V5OiBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gIT09IHVuZGVmaW5lZCAmJiBicmVha3BvaW50c1ticmVha3BvaW50S2V5XSA+PSB3aWR0aFxuICB9XG5cbiAgY29uc3QgZ3JlYXRlclRoYW4gPSAoYnJlYWtwb2ludEtleTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiYgYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gPCB3aWR0aFxuICB9XG5cbiAgY29uc3QgYmV0d2VlbiA9IChsZXNzVGhhbkJyZWFrcG9pbnRLZXk6IHN0cmluZywgZ3JlYXRlclRoYW5CcmVha3BvaW50S2V5OiBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgYnJlYWtwb2ludHNbbGVzc1RoYW5CcmVha3BvaW50S2V5XSAhPT0gdW5kZWZpbmVkICYmXG4gICAgICBicmVha3BvaW50c1tncmVhdGVyVGhhbkJyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiZcbiAgICAgIGJyZWFrcG9pbnRzW2xlc3NUaGFuQnJlYWtwb2ludEtleV0gPCB3aWR0aCAmJlxuICAgICAgYnJlYWtwb2ludHNbZ3JlYXRlclRoYW5CcmVha3BvaW50S2V5XSA+IHdpZHRoXG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBncmVhdGVyVGhhbixcbiAgICBsZXNzVGhhbixcbiAgICBsZXNzVGhhbkVxdWFsLFxuICAgIGJldHdlZW4sXG4gICAgd2lkdGgsXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVkaWFcbiJdfQ== */");
+  const between = (firstBreakpoint, secondBreakpoint) => (...args) => /*#__PURE__*/(0, _react2.css)("@media (min-width: ", toInt(firstBreakpoint), "px) and (max-width: ", toInt(secondBreakpoint), "px){", /*#__PURE__*/(0, _react2.css)(...args), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:between;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tZWRpYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q1MiLCJmaWxlIjoiLi4vLi4vc3JjL21lZGlhLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGRlZmF1bHRCcmVha3BvaW50cyBmcm9tICcuL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IHRocm90dGxlIGZyb20gJ2xvZGFzaC50aHJvdHRsZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEJyZWFrcG9pbnQ8VD4gPSBrZXlvZiBUIHwgbnVtYmVyXG50eXBlIEJyZWFrcG9pbnRzPFQ+ID0geyBbS2V5IGluIGtleW9mIFRdOiBudW1iZXIgfVxuaW50ZXJmYWNlIElCcmVha3BvaW50cyB7XG4gIFtrZXk6IHN0cmluZ106IG51bWJlclxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2VuZXJhdGVNZWRpYTxUIGV4dGVuZHMgQnJlYWtwb2ludHM8VD4+KGJyZWFrcG9pbnRzOiBUKSB7XG4gIGNvbnN0IHRvSW50ID0gKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQ8VD4pID0+IHtcbiAgICByZXR1cm4gdHlwZW9mIGJyZWFrcG9pbnQgPT09ICdudW1iZXInID8gYnJlYWtwb2ludCA6IGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRdXG4gIH1cblxuICBjb25zdCBsZXNzVGhhbiA9XG4gICAgKGJyZWFrcG9pbnQ6IEJyZWFrcG9pbnQ8VD4pID0+XG4gICAgKC4uLmFyZ3M6IGFueSkgPT5cbiAgICAgIGNzc2BcbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6ICR7dG9JbnQoYnJlYWtwb2ludCkgLSAxfXB4KSB7XG4gICAgICAgICAgJHtjc3MoLi4uYXJncyl9XG4gICAgICAgIH1cbiAgICAgIGBcblxuICBjb25zdCBsZXNzVGhhbkVxdWFsID1cbiAgICAoYnJlYWtwb2ludDogQnJlYWtwb2ludDxUPikgPT5cbiAgICAoLi4uYXJnczogYW55KSA9PlxuICAgICAgY3NzYFxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHt0b0ludChicmVha3BvaW50KX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgY29uc3QgZ3JlYXRlclRoYW4gPVxuICAgIChicmVha3BvaW50OiBCcmVha3BvaW50PFQ+KSA9PlxuICAgICguLi5hcmdzOiBhbnkpID0+XG4gICAgICBjc3NgXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiAke3RvSW50KGJyZWFrcG9pbnQpICsgMX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgY29uc3QgYmV0d2VlbiA9XG4gICAgKGZpcnN0QnJlYWtwb2ludDogQnJlYWtwb2ludDxUPiwgc2Vjb25kQnJlYWtwb2ludDogQnJlYWtwb2ludDxUPikgPT5cbiAgICAoLi4uYXJnczogYW55KSA9PlxuICAgICAgY3NzYFxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogJHt0b0ludChmaXJzdEJyZWFrcG9pbnQpfXB4KSBhbmQgKG1heC13aWR0aDogJHt0b0ludChzZWNvbmRCcmVha3BvaW50KX1weCkge1xuICAgICAgICAgICR7Y3NzKC4uLmFyZ3MpfVxuICAgICAgICB9XG4gICAgICBgXG5cbiAgcmV0dXJuIHtcbiAgICBsZXNzVGhhbixcbiAgICBsdDogbGVzc1RoYW4sXG4gICAgbGVzc1RoYW5FcXVhbCxcbiAgICBsdGU6IGxlc3NUaGFuRXF1YWwsXG4gICAgZ3JlYXRlclRoYW4sXG4gICAgZ3Q6IGdyZWF0ZXJUaGFuLFxuICAgIGJldHdlZW4sXG4gICAgYnQ6IGJldHdlZW4sXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IG1lZGlhID0gZ2VuZXJhdGVNZWRpYShkZWZhdWx0QnJlYWtwb2ludHMpXG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VCcmVha3BvaW50KGJyZWFrcG9pbnRzOiBJQnJlYWtwb2ludHMgPSBkZWZhdWx0QnJlYWtwb2ludHMpIHtcbiAgY29uc3QgW3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZSh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyA/IHdpbmRvdy5pbm5lcldpZHRoIDogMClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjYWxjSW5uZXJXaWR0aCA9IHRocm90dGxlKCgpID0+IHtcbiAgICAgIHNldFdpZHRoKHdpbmRvdy5pbm5lcldpZHRoKVxuICAgIH0sIDIwMClcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgY2FsY0lubmVyV2lkdGgpXG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBjYWxjSW5uZXJXaWR0aClcbiAgfSwgW10pXG5cbiAgY29uc3QgbGVzc1RoYW4gPSAoYnJlYWtwb2ludEtleTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiYgYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gPiB3aWR0aFxuICB9XG5cbiAgY29uc3QgbGVzc1RoYW5FcXVhbCA9IChicmVha3BvaW50S2V5OiBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gIT09IHVuZGVmaW5lZCAmJiBicmVha3BvaW50c1ticmVha3BvaW50S2V5XSA+PSB3aWR0aFxuICB9XG5cbiAgY29uc3QgZ3JlYXRlclRoYW4gPSAoYnJlYWtwb2ludEtleTogc3RyaW5nKSA9PiB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzW2JyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiYgYnJlYWtwb2ludHNbYnJlYWtwb2ludEtleV0gPCB3aWR0aFxuICB9XG5cbiAgY29uc3QgYmV0d2VlbiA9IChsZXNzVGhhbkJyZWFrcG9pbnRLZXk6IHN0cmluZywgZ3JlYXRlclRoYW5CcmVha3BvaW50S2V5OiBzdHJpbmcpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgYnJlYWtwb2ludHNbbGVzc1RoYW5CcmVha3BvaW50S2V5XSAhPT0gdW5kZWZpbmVkICYmXG4gICAgICBicmVha3BvaW50c1tncmVhdGVyVGhhbkJyZWFrcG9pbnRLZXldICE9PSB1bmRlZmluZWQgJiZcbiAgICAgIGJyZWFrcG9pbnRzW2xlc3NUaGFuQnJlYWtwb2ludEtleV0gPCB3aWR0aCAmJlxuICAgICAgYnJlYWtwb2ludHNbZ3JlYXRlclRoYW5CcmVha3BvaW50S2V5XSA+IHdpZHRoXG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBncmVhdGVyVGhhbixcbiAgICBsZXNzVGhhbixcbiAgICBsZXNzVGhhbkVxdWFsLFxuICAgIGJldHdlZW4sXG4gICAgd2lkdGgsXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVkaWFcbiJdfQ== */");
+  return {
+    lessThan,
+    lt: lessThan,
+    lessThanEqual,
+    lte: lessThanEqual,
+    greaterThan,
+    gt: greaterThan,
+    between,
+    bt: between
+  };
+}
+const media = exports.media = generateMedia(_breakpoints.default);
+function useBreakpoint(breakpoints = _breakpoints.default) {
+  const [width, setWidth] = (0, _react.useState)(typeof window !== 'undefined' ? window.innerWidth : 0);
+  (0, _react.useEffect)(() => {
+    const calcInnerWidth = (0, _lodash.default)(() => {
+      setWidth(window.innerWidth);
+    }, 200);
+    window.addEventListener('resize', calcInnerWidth);
+    return () => window.removeEventListener('resize', calcInnerWidth);
+  }, []);
+  const lessThan = breakpointKey => {
+    return breakpoints[breakpointKey] !== undefined && breakpoints[breakpointKey] > width;
+  };
+  const lessThanEqual = breakpointKey => {
+    return breakpoints[breakpointKey] !== undefined && breakpoints[breakpointKey] >= width;
+  };
+  const greaterThan = breakpointKey => {
+    return breakpoints[breakpointKey] !== undefined && breakpoints[breakpointKey] < width;
+  };
+  const between = (lessThanBreakpointKey, greaterThanBreakpointKey) => {
+    return breakpoints[lessThanBreakpointKey] !== undefined && breakpoints[greaterThanBreakpointKey] !== undefined && breakpoints[lessThanBreakpointKey] < width && breakpoints[greaterThanBreakpointKey] > width;
+  };
+  return {
+    greaterThan,
+    lessThan,
+    lessThanEqual,
+    between,
+    width
+  };
+}
+var _default = exports.default = media;

package/cjs/radii.d.ts

@@ -0,0 +1,5 @@
+declare const radii: {
+    m: string;
+    l: string;
+};
+export default radii;

package/cjs/radii.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const radii = {
+  m: '2px',
+  l: '8px'
+};
+var _default = exports.default = radii;

package/cjs/states.d.ts

@@ -0,0 +1,35 @@
+export type OverlayOptions = typeof defaultOverlayOptions;
+declare const defaultOverlayOptions: {
+    hover: string;
+    focus: string;
+    active: string;
+    selected: string;
+    disabled: string;
+    color: string;
+    ignoreFocusVisibility: boolean;
+};
+declare const _default: {
+    outline: (error?: boolean) => import("@emotion/utils").SerializedStyles;
+    overlay: (selected?: boolean, overlayOptions?: Partial<typeof defaultOverlayOptions>) => 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;
+        };
+    };
+};
+export default _default;