@airtable/blocks 1.18.1 → 1.18.2

package/dist/cjs/ui/theme/default_theme/button_variants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _emotion = require("emotion");
-
 var _tokens = require("./tokens");
-
 var baseStyles = (0, _emotion.css)({
   fontFamily: _tokens.fontFamilies.default,
   borderRadius: _tokens.radii.default,
@@ -59,5 +56,4 @@ var buttonVariants = {
     backgroundColor: _tokens.colors.redBright
   }))
 };
-var _default = buttonVariants;
-exports.default = _default;
+var _default = exports.default = buttonVariants;

package/dist/cjs/ui/theme/default_theme/control_sizes.js

@@ -1,26 +1,18 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.switchSizes = exports.selectButtonsSizes = exports.inputSizes = exports.selectSizes = exports.buttonSizes = void 0;
-
+exports.switchSizes = exports.selectSizes = exports.selectButtonsSizes = exports.inputSizes = exports.buttonSizes = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var sharedControlSizes = {
   small: {
     fontSize: 2,
@@ -41,69 +33,64 @@ var sharedControlSizes = {
     lineHeight: '21px'
   }
 };
-var buttonSizes = {
-  small: _objectSpread({}, sharedControlSizes.small, {
+var buttonSizes = exports.buttonSizes = {
+  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
     paddingX: '10px'
   }),
-  default: _objectSpread({}, sharedControlSizes.default, {
+  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
     paddingX: '12px'
   }),
-  large: _objectSpread({}, sharedControlSizes.large, {
+  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
     paddingX: '14px'
   })
 };
-exports.buttonSizes = buttonSizes;
-var selectSizes = {
-  small: _objectSpread({}, sharedControlSizes.small, {
+var selectSizes = exports.selectSizes = {
+  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
     paddingLeft: '8px',
     paddingRight: '24px',
     backgroundPosition: 'calc(100% - 8px)'
   }),
-  default: _objectSpread({}, sharedControlSizes.default, {
+  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
     paddingLeft: '10px',
     paddingRight: '26px',
     backgroundPosition: 'calc(100% - 10px)'
   }),
-  large: _objectSpread({}, sharedControlSizes.large, {
+  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
     paddingLeft: '12px',
     paddingRight: '28px',
     backgroundPosition: 'calc(100% - 12px)'
   })
 };
-exports.selectSizes = selectSizes;
-var inputSizes = {
-  small: _objectSpread({}, sharedControlSizes.small, {
+var inputSizes = exports.inputSizes = {
+  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
     paddingX: '8px'
   }),
-  default: _objectSpread({}, sharedControlSizes.default, {
+  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
     paddingX: '10px'
   }),
-  large: _objectSpread({}, sharedControlSizes.large, {
+  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
     paddingX: '12px'
   })
 };
-exports.inputSizes = inputSizes;
-var selectButtonsSizes = {
-  small: _objectSpread({}, sharedControlSizes.small, {
+var selectButtonsSizes = exports.selectButtonsSizes = {
+  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
     padding: 1
   }),
-  default: _objectSpread({}, sharedControlSizes.default, {
+  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
     padding: 1
   }),
-  large: _objectSpread({}, sharedControlSizes.large, {
+  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
     padding: 1
   })
 };
-exports.selectButtonsSizes = selectButtonsSizes;
-var switchSizes = {
-  small: _objectSpread({}, sharedControlSizes.small, {
+var switchSizes = exports.switchSizes = {
+  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
     paddingX: '8px'
   }),
-  default: _objectSpread({}, sharedControlSizes.default, {
+  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
     paddingX: '10px'
   }),
-  large: _objectSpread({}, sharedControlSizes.large, {
+  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
     paddingX: '12px'
   })
-};
-exports.switchSizes = switchSizes;
+};

package/dist/cjs/ui/theme/default_theme/heading_styles.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /** @hidden */
 
 /** @hidden */
+
 var headingStyles = {
   default: {
     xsmall: {
@@ -92,9 +92,8 @@ var headingStyles = {
       textColor: 'light',
       marginTop: 0,
       marginBottom: 3
-    } // Bigger all caps heading sizes are are omitted since they are not desirable.
-
+    }
+    // Bigger all caps heading sizes are are omitted since they are not desirable.
   }
 };
-var _default = headingStyles;
-exports.default = _default;
+var _default = exports.default = headingStyles;

package/dist/cjs/ui/theme/default_theme/index.js

@@ -1,51 +1,36 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var tokens = _interopRequireWildcard(require("./tokens"));
-
 var controlSizes = _interopRequireWildcard(require("./control_sizes"));
-
 var _text_styles = _interopRequireDefault(require("./text_styles"));
-
 var _heading_styles = _interopRequireDefault(require("./heading_styles"));
-
 var _button_variants = _interopRequireDefault(require("./button_variants"));
-
 var _link_variants = _interopRequireDefault(require("./link_variants"));
-
 var _input_variants = _interopRequireDefault(require("./input_variants"));
-
 var _switch_variants = _interopRequireDefault(require("./switch_variants"));
-
 var _select_variants = _interopRequireDefault(require("./select_variants"));
-
 var _select_buttons_variants = _interopRequireDefault(require("./select_buttons_variants"));
-
 var _text_button_variants = _interopRequireDefault(require("./text_button_variants"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var theme = _objectSpread({}, tokens, {}, controlSizes, {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // Typography sizes and variants
+// Component variants
+var theme = _objectSpread(_objectSpread(_objectSpread({}, tokens), controlSizes), {}, {
   textStyles: _text_styles.default,
   headingStyles: _heading_styles.default,
   // We create CSS class names for variants when the UI kit gets loaded.
@@ -60,6 +45,4 @@ var theme = _objectSpread({}, tokens, {}, controlSizes, {
   switchVariants: _switch_variants.default,
   textButtonVariants: _text_button_variants.default
 });
-
-var _default = theme;
-exports.default = _default;
+var _default = exports.default = theme;

package/dist/cjs/ui/theme/default_theme/input_variants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _emotion = require("emotion");
-
 var _tokens = require("./tokens");
-
 var baseInputStyles = (0, _emotion.css)({
   borderRadius: _tokens.radii.default,
   boxSizing: 'border-box',
@@ -38,5 +35,4 @@ var inputVariants = {
     backgroundColor: _tokens.colors.lightGray2
   }))
 };
-var _default = inputVariants;
-exports.default = _default;
+var _default = exports.default = inputVariants;

package/dist/cjs/ui/theme/default_theme/link_variants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _emotion = require("emotion");
-
 var _tokens = require("./tokens");
-
 var baseStyles = (0, _emotion.css)({
   alignItems: 'center',
   justifyContent: 'center',
@@ -35,5 +32,4 @@ var linkVariants = {
     color: _tokens.colors.light
   }))
 };
-var _default = linkVariants;
-exports.default = _default;
+var _default = exports.default = linkVariants;

package/dist/cjs/ui/theme/default_theme/select_buttons_variants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _emotion = require("emotion");
-
 var _tokens = require("./tokens");
-
 var baseContainerStyles = (0, _emotion.css)({
   borderRadius: _tokens.radii.default,
   backgroundColor: _tokens.colors.lightGray2,
@@ -72,5 +69,4 @@ var selectButtonsVariants = {
     optionClassNameForVariant: baseOptionStyles
   }
 };
-var _default = selectButtonsVariants;
-exports.default = _default;
+var _default = exports.default = selectButtonsVariants;

package/dist/cjs/ui/theme/default_theme/select_variants.js

@@ -1,37 +1,27 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _emotion = require("emotion");
-
 var _tokens = require("./tokens");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var styleForChevron = {
   // https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
   // You can use https://www.npmjs.com/package/mini-svg-data-uri to generate the `background-image` from a svg.
   backgroundImage: "url(\"data:image/svg+xml,%3csvg width='7' height='6' viewBox='0 0 7 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M.601.8h4.8a.6.6 0 01.48.96l-2.4 3.2a.6.6 0 01-.96 0l-2.4-3.2A.6.6 0 01.601.8z' fill='rgba(0%2c 0%2c 0%2c 0.5)'/%3e%3c/svg%3e\")",
   backgroundRepeat: 'no-repeat'
 };
-var baseStyles = (0, _emotion.css)(_objectSpread({
+var baseStyles = (0, _emotion.css)(_objectSpread(_objectSpread({
   fontFamily: _tokens.fontFamilies.default,
   borderRadius: _tokens.radii.default,
   justifyContent: 'center',
@@ -42,7 +32,7 @@ var baseStyles = (0, _emotion.css)(_objectSpread({
   outline: 'none',
   appearance: 'none',
   border: 'none'
-}, styleForChevron, {
+}, styleForChevron), {}, {
   '&:not(:disabled)': {
     cursor: 'pointer',
     '&:hover': {
@@ -66,5 +56,4 @@ var selectVariants = {
     backgroundColor: _tokens.colors.lightGray2
   }))
 };
-var _default = selectVariants;
-exports.default = _default;
+var _default = exports.default = selectVariants;

package/dist/cjs/ui/theme/default_theme/switch_variants.js

@@ -1,32 +1,21 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _emotion = require("emotion");
-
 var _css_helpers = _interopRequireDefault(require("../../css_helpers"));
-
 var _tokens = require("./tokens");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SWITCH_WIDTH = 20;
 var SWITCH_HEIGHT = 12;
 var SWITCH_PADDING = 2;
@@ -99,5 +88,4 @@ var switchVariants = {
     }))
   }, subcomponentClassNames)
 };
-var _default = switchVariants;
-exports.default = _default;
+var _default = exports.default = switchVariants;

package/dist/cjs/ui/theme/default_theme/text_button_variants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _emotion = require("emotion");
-
 var _tokens = require("./tokens");
-
 var NOT_DISABLED = '&:not([aria-disabled="true"])';
 var DISABLED = '&[aria-disabled="true"]';
 var baseStyles = (0, _emotion.css)({
@@ -44,5 +41,4 @@ var textButtonVariants = {
     color: _tokens.colors.light
   }))
 };
-var _default = textButtonVariants;
-exports.default = _default;
+var _default = exports.default = textButtonVariants;

package/dist/cjs/ui/theme/default_theme/text_styles.js

@@ -78,5 +78,4 @@ var textStyles = {
     }
   }
 };
-var _default = textStyles;
-exports.default = _default;
+var _default = exports.default = textStyles;

package/dist/cjs/ui/theme/default_theme/tokens.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.space = exports.radii = exports.opacities = exports.fontWeights = exports.fontSizes = exports.fontFamilies = exports.borders = exports.borderWidths = exports.breakpoints = exports.textColors = exports.textColorsByBackgroundColor = exports.colors = void 0;
-var colors = {
+exports.textColorsByBackgroundColor = exports.textColors = exports.space = exports.radii = exports.opacities = exports.fontWeights = exports.fontSizes = exports.fontFamilies = exports.colors = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
+var colors = exports.colors = {
   // neutrals
   white: 'hsl(0, 0%, 100%)',
   dark: 'hsl(0, 0%, 20%)',
@@ -84,8 +84,7 @@ var colors = {
   yellowLight1: 'rgb(255, 214, 110)',
   yellowLight2: 'rgb(255, 234, 182)'
 };
-exports.colors = colors;
-var textColorsByBackgroundColor = {
+var textColorsByBackgroundColor = exports.textColorsByBackgroundColor = {
   // blue bg
   blueBright: 'white',
   blue: 'white',
@@ -147,67 +146,66 @@ var textColorsByBackgroundColor = {
   yellowLight1: 'rgb(66, 10, 0)',
   yellowLight2: 'rgb(66, 10, 0)'
 };
-exports.textColorsByBackgroundColor = textColorsByBackgroundColor;
-var textColors = {
+var textColors = exports.textColors = {
   dark: colors.dark,
   default: colors.dark,
   light: colors.light
 };
-exports.textColors = textColors;
-var breakpoints = {
+var breakpoints = exports.breakpoints = {
   xsmallViewport: '480px',
   smallViewport: '640px',
   mediumViewport: '832px',
   largeViewport: '1152px'
 };
-exports.breakpoints = breakpoints;
-var borderWidths = {
+var borderWidths = exports.borderWidths = {
   default: '1px',
   thick: '2px'
 };
-exports.borderWidths = borderWidths;
-var borders = {
+var borders = exports.borders = {
   default: "1px solid ".concat(colors.darken2),
   thick: "2px solid ".concat(colors.darken2)
 };
-exports.borders = borders;
-var fontFamilies = {
+var fontFamilies = exports.fontFamilies = {
   default: "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
   monospace: ' Menlo, Courier, monospace'
-}; // On Mac OS X when `-apple-system` is used, two different fonts are rendered at different font sizes.
+};
+
+// On Mac OS X when `-apple-system` is used, two different fonts are rendered at different font sizes.
 // SF Pro Text is used under 21px (0-5) and SF Pro Display is used from 21px and up (6-9).
 // SF Pro Text visually looks slightly bigger than SF Pro Display.
-
-exports.fontFamilies = fontFamilies;
-var fontSizes = ['9px', // 0
-'11px', // 1
-'13px', // 2
-'15px', // 3
-'17px', // 4
-'19px', // 5
-'21px', // 6
-'23px', // 7
-'27px', // 8
+var fontSizes = exports.fontSizes = ['9px',
+// 0
+'11px',
+// 1
+'13px',
+// 2
+'15px',
+// 3
+'17px',
+// 4
+'19px',
+// 5
+'21px',
+// 6
+'23px',
+// 7
+'27px',
+// 8
 '35px' // 9
 ];
-exports.fontSizes = fontSizes;
-var fontWeights = {
+var fontWeights = exports.fontWeights = {
   strong: 500
 };
-exports.fontWeights = fontWeights;
-var opacities = {
+var opacities = exports.opacities = {
   normal: 1,
   quiet: 0.75,
   quieter: 0.5,
   quietest: 0.25,
   invisible: 0
 };
-exports.opacities = opacities;
-var radii = {
+var radii = exports.radii = {
   default: 3,
   large: 6,
   circle: 9999
 };
-exports.radii = radii;
-var space = [0, 4, 8, 16, 32, 64, 128];
-exports.space = space;
+var space = exports.space = [0, 4, 8, 16, 32, 64, 128];

package/dist/cjs/ui/theme/theme_context.js

@@ -1,16 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _default_theme = _interopRequireDefault(require("./default_theme/"));
+/** @hidden */
 
-var ThemeContext = (0, _react.createContext)(_default_theme.default);
-var _default = ThemeContext;
-exports.default = _default;
+var ThemeContext = /*#__PURE__*/(0, _react.createContext)(_default_theme.default);
+var _default = exports.default = ThemeContext;

package/dist/cjs/ui/theme/use_theme.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _theme_context = _interopRequireDefault(require("./theme_context"));
-
 var useTheme = () => (0, _react.useContext)(_theme_context.default);
-
-var _default = useTheme;
-exports.default = _default;
+var _default = exports.default = useTheme;