@airtable/blocks 0.0.0-experimental-f52bc4e5e-20250709 → 0.0.0-experimental-75d011284-20250904

package/dist/cjs/base/ui/text_button.js

@@ -1,44 +1,24 @@
 "use strict";
 
-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");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.textButtonStylePropTypes = exports.default = void 0;
-require("core-js/modules/es.array.includes.js");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("emotion");
 var _core = require("@styled-system/core");
 var _private_utils = require("../../shared/private_utils");
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
 var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
-var _aria_props = require("./types/aria_props");
-var _create_responsive_prop_type = _interopRequireDefault(require("./system/utils/create_responsive_prop_type"));
 var _system = require("./system");
 var _text = require("./text");
-var _icon_config = require("./icon_config");
 var _icon = _interopRequireDefault(require("./icon"));
-var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
 var _css_helpers = _interopRequireDefault(require("./css_helpers"));
 var _box = _interopRequireDefault(require("./box"));
-var _enum_prop_type_utils = require("./system/utils/enum_prop_type_utils");
-var _excluded = ["size", "variant", "icon", "children", "disabled", "id", "tabIndex", "dataAttributes", "onClick", "className", "style", "onMouseEnter", "onMouseLeave", "hasOnClick", "aria-selected", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-live"];
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; } /** @module @airtable/blocks/ui: TextButton */ /** */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /** @module @airtable/blocks/ui: TextButton */ /** */
 /**
  * Style props for the {@link TextButton} component. Also accepts:
  * * {@link FlexItemSetProps}
@@ -51,10 +31,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @noInheritDoc
  */
 
-var styleParser = (0, _core.compose)(_system.display, _system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.spacingSet);
-var textButtonStylePropTypes = exports.textButtonStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
-  display: (0, _create_responsive_prop_type.default)(_propTypes.default.oneOf(['inline-flex', 'flex', 'none']))
-}, _system.maxWidthPropTypes), _system.minWidthPropTypes), _system.widthPropTypes), _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.spacingSetPropTypes);
+const styleParser = (0, _core.compose)(_system.display, _system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.spacingSet);
 
 /**
  * Variants for the {@link TextButton} component:
@@ -72,14 +49,14 @@ var textButtonStylePropTypes = exports.textButtonStylePropTypes = _objectSpread(
  * Light gray text.
  */
 
-var TextButtonVariant = (0, _private_utils.createEnum)('default', 'dark', 'light');
-var textButtonVariantPropType = (0, _enum_prop_type_utils.createPropTypeFromEnum)(TextButtonVariant);
+const TextButtonVariant = (0, _private_utils.createEnum)('default', 'dark', 'light');
 
 /** @internal */
 function useTextButtonVariant() {
-  var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : TextButtonVariant.default;
-  var _useTheme = (0, _use_theme.default)(),
-    textButtonVariants = _useTheme.textButtonVariants;
+  let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : TextButtonVariant.default;
+  const {
+    textButtonVariants
+  } = (0, _use_theme.default)();
   return textButtonVariants[variant];
 }
 
@@ -100,45 +77,49 @@ function useTextButtonVariant() {
  * @docsPath UI/components/TextButton
  * @component
  */
-var TextButton = (props, ref) => {
-  var _props$size = props.size,
-    size = _props$size === void 0 ? _text.TextSize.default : _props$size,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? TextButtonVariant.default : _props$variant,
-    icon = props.icon,
-    children = props.children,
-    disabled = props.disabled,
-    id = props.id,
-    _props$tabIndex = props.tabIndex,
-    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-    dataAttributes = props.dataAttributes,
-    onClick = props.onClick,
-    className = props.className,
-    style = props.style,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
-    hasOnClick = props.hasOnClick,
-    ariaSelected = props['aria-selected'],
-    ariaLabel = props['aria-label'],
-    ariaLabelledBy = props['aria-labelledby'],
-    ariaDescribedBy = props['aria-describedby'],
-    ariaControls = props['aria-controls'],
-    ariaExpanded = props['aria-expanded'],
-    ariaHasPopup = props['aria-haspopup'],
-    ariaHidden = props['aria-hidden'],
-    ariaLive = props['aria-live'],
-    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var classNameForTextStyle = (0, _text.useTextStyle)(size);
-  var classNameForTextButtonVariant = useTextButtonVariant(variant);
-  var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
+const TextButton = (props, ref) => {
+  const {
+    size = _text.TextSize.default,
+    variant = TextButtonVariant.default,
+    icon,
+    children,
+    disabled,
+    id,
+    tabIndex = 0,
+    dataAttributes,
+    onClick,
+    className,
+    style,
+    onMouseEnter,
+    onMouseLeave,
+    // This hasOnClick prop is set by the Tooltip wrapper. Destructure it here just to get it out of `props`.
+    // See 7a80fefd0a0bc871c31e0c063662c6100b0ca77d
+    // TODO(stephen): clean this up.
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    hasOnClick,
+    'aria-selected': ariaSelected,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
+    'aria-describedby': ariaDescribedBy,
+    'aria-controls': ariaControls,
+    'aria-expanded': ariaExpanded,
+    'aria-haspopup': ariaHasPopup,
+    'aria-hidden': ariaHidden,
+    'aria-live': ariaLive,
+    ...styleProps
+  } = props;
+  const classNameForTextStyle = (0, _text.useTextStyle)(size);
+  const classNameForTextButtonVariant = useTextButtonVariant(variant);
+  const classNameForStyleProps = (0, _use_styled_system.default)({
     display: 'inline-flex',
     // Use a negative margin to undo the padding.
     padding: '0 0.1em',
     margin: '0 -0.1em',
-    maxWidth: '100%'
-  }, styleProps), styleParser);
-  var hasIcon = icon !== undefined;
-  var hasChildren = !!children;
+    maxWidth: '100%',
+    ...styleProps
+  }, styleParser);
+  const hasIcon = icon !== undefined;
+  const hasChildren = !!children;
   if (!hasChildren && !ariaLabel) {
     // eslint-disable-next-line no-console
     console.error('<TextButton> without a text label should include an explicit aria-label prop.');
@@ -159,7 +140,7 @@ var TextButton = (props, ref) => {
       }
     }
   }
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref,
     id: id
     // Don't set `tabIndex` if `disabled`. We do set it though even if
@@ -210,19 +191,6 @@ var TextButton = (props, ref) => {
     className: _css_helpers.default.TRUNCATE
   }, children));
 };
-var ForwardedRefTextButton = /*#__PURE__*/React.forwardRef(TextButton);
-ForwardedRefTextButton.propTypes = _objectSpread(_objectSpread(_objectSpread({
-  size: _text.textSizePropType,
-  variant: textButtonVariantPropType,
-  icon: _propTypes.default.oneOfType([_icon_config.iconNamePropType, _propTypes.default.element]),
-  disabled: _propTypes.default.bool,
-  children: _propTypes.default.node,
-  id: _propTypes.default.string,
-  tabIndex: _propTypes.default.number,
-  dataAttributes: _propTypes.default.any,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  'aria-selected': _propTypes.default.bool
-}, textButtonStylePropTypes), _aria_props.ariaPropTypes), _tooltip_anchor_props.tooltipAnchorPropTypes);
+const ForwardedRefTextButton = /*#__PURE__*/React.forwardRef(TextButton);
 ForwardedRefTextButton.displayName = 'TextButton';
 var _default = exports.default = ForwardedRefTextButton;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _emotion = require("emotion");
 var _tokens = require("./tokens");
-var baseStyles = (0, _emotion.css)({
+const baseStyles = (0, _emotion.css)({
   fontFamily: _tokens.fontFamilies.default,
   borderRadius: _tokens.radii.default,
   justifyContent: 'center',
@@ -27,7 +27,7 @@ var baseStyles = (0, _emotion.css)({
       opacity: 1
     },
     '&:focus': {
-      boxShadow: "inset 0 0 0 2px ".concat(_tokens.colors.darken3)
+      boxShadow: `inset 0 0 0 2px ${_tokens.colors.darken3}`
     }
   },
   '&:disabled': {
@@ -35,7 +35,7 @@ var baseStyles = (0, _emotion.css)({
     opacity: _tokens.opacities.quieter
   }
 });
-var buttonVariants = {
+const buttonVariants = {
   default: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
     color: _tokens.colors.dark,
     backgroundColor: _tokens.colors.lightGray2

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

@@ -1,19 +1,10 @@
 "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");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.switchSizes = exports.selectSizes = exports.selectButtonsSizes = exports.inputSizes = exports.buttonSizes = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 = {
+const sharedControlSizes = {
   small: {
     fontSize: 2,
     // 13px
@@ -33,64 +24,79 @@ var sharedControlSizes = {
     lineHeight: '21px'
   }
 };
-var buttonSizes = exports.buttonSizes = {
-  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
+const buttonSizes = exports.buttonSizes = {
+  small: {
+    ...sharedControlSizes.small,
     paddingX: '10px'
-  }),
-  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
+  },
+  default: {
+    ...sharedControlSizes.default,
     paddingX: '12px'
-  }),
-  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
+  },
+  large: {
+    ...sharedControlSizes.large,
     paddingX: '14px'
-  })
+  }
 };
-var selectSizes = exports.selectSizes = {
-  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
+const selectSizes = exports.selectSizes = {
+  small: {
+    ...sharedControlSizes.small,
     paddingLeft: '8px',
     paddingRight: '24px',
     backgroundPosition: 'calc(100% - 8px)'
-  }),
-  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
+  },
+  default: {
+    ...sharedControlSizes.default,
     paddingLeft: '10px',
     paddingRight: '26px',
     backgroundPosition: 'calc(100% - 10px)'
-  }),
-  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
+  },
+  large: {
+    ...sharedControlSizes.large,
     paddingLeft: '12px',
     paddingRight: '28px',
     backgroundPosition: 'calc(100% - 12px)'
-  })
+  }
 };
-var inputSizes = exports.inputSizes = {
-  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
+const inputSizes = exports.inputSizes = {
+  small: {
+    ...sharedControlSizes.small,
     paddingX: '8px'
-  }),
-  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
+  },
+  default: {
+    ...sharedControlSizes.default,
     paddingX: '10px'
-  }),
-  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
+  },
+  large: {
+    ...sharedControlSizes.large,
     paddingX: '12px'
-  })
+  }
 };
-var selectButtonsSizes = exports.selectButtonsSizes = {
-  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
+const selectButtonsSizes = exports.selectButtonsSizes = {
+  small: {
+    ...sharedControlSizes.small,
     padding: 1
-  }),
-  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
+  },
+  default: {
+    ...sharedControlSizes.default,
     padding: 1
-  }),
-  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
+  },
+  large: {
+    ...sharedControlSizes.large,
     padding: 1
-  })
+  }
 };
-var switchSizes = exports.switchSizes = {
-  small: _objectSpread(_objectSpread({}, sharedControlSizes.small), {}, {
+const switchSizes = exports.switchSizes = {
+  small: {
+    ...sharedControlSizes.small,
     paddingX: '8px'
-  }),
-  default: _objectSpread(_objectSpread({}, sharedControlSizes.default), {}, {
+  },
+  default: {
+    ...sharedControlSizes.default,
     paddingX: '10px'
-  }),
-  large: _objectSpread(_objectSpread({}, sharedControlSizes.large), {}, {
+  },
+  large: {
+    ...sharedControlSizes.large,
     paddingX: '12px'
-  })
+  }
 };

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 
 /** @hidden */
 
-var headingStyles = {
+const headingStyles = {
   default: {
     xsmall: {
       fontSize: 3,

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

@@ -1,19 +1,9 @@
 "use strict";
 
-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");
 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"));
@@ -25,12 +15,16 @@ 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 _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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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
+// Typography sizes and variants
+
 // Component variants
-var theme = _objectSpread(_objectSpread(_objectSpread({}, tokens), controlSizes), {}, {
+
+const theme = {
+  ...tokens,
+  ...controlSizes,
   textStyles: _text_styles.default,
   headingStyles: _heading_styles.default,
   // We create CSS class names for variants when the UI kit gets loaded.
@@ -44,5 +38,5 @@ var theme = _objectSpread(_objectSpread(_objectSpread({}, tokens), controlSizes)
   selectButtonsVariants: _select_buttons_variants.default,
   switchVariants: _switch_variants.default,
   textButtonVariants: _text_button_variants.default
-});
+};
 var _default = exports.default = theme;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _emotion = require("emotion");
 var _tokens = require("./tokens");
-var baseInputStyles = (0, _emotion.css)({
+const baseInputStyles = (0, _emotion.css)({
   borderRadius: _tokens.radii.default,
   boxSizing: 'border-box',
   fontFamily: _tokens.fontFamilies.default,
@@ -22,14 +22,14 @@ var baseInputStyles = (0, _emotion.css)({
       opacity: 1
     },
     '&:focus': {
-      boxShadow: "inset 0 0 0 2px ".concat(_tokens.colors.darken3)
+      boxShadow: `inset 0 0 0 2px ${_tokens.colors.darken3}`
     }
   },
   '&:disabled': {
     opacity: _tokens.opacities.quieter
   }
 });
-var inputVariants = {
+const inputVariants = {
   default: (0, _emotion.cx)(baseInputStyles, (0, _emotion.css)({
     color: _tokens.colors.dark,
     backgroundColor: _tokens.colors.lightGray2

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _emotion = require("emotion");
 var _tokens = require("./tokens");
-var baseStyles = (0, _emotion.css)({
+const baseStyles = (0, _emotion.css)({
   alignItems: 'center',
   justifyContent: 'center',
   borderRadius: _tokens.radii.default,
@@ -18,10 +18,10 @@ var baseStyles = (0, _emotion.css)({
     opacity: 1
   },
   '&:focus': {
-    boxShadow: "0 0 0 2px ".concat(_tokens.colors.darken3)
+    boxShadow: `0 0 0 2px ${_tokens.colors.darken3}`
   }
 });
-var linkVariants = {
+const linkVariants = {
   default: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
     color: _tokens.colors.blueBright
   })),

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _emotion = require("emotion");
 var _tokens = require("./tokens");
-var baseContainerStyles = (0, _emotion.css)({
+const baseContainerStyles = (0, _emotion.css)({
   borderRadius: _tokens.radii.default,
   backgroundColor: _tokens.colors.lightGray2,
   boxSizing: 'border-box',
@@ -16,14 +16,14 @@ var baseContainerStyles = (0, _emotion.css)({
   userSelect: 'none',
   fontWeight: 400,
   '&:active, &[data-focused="true"]': {
-    boxShadow: "inset 0 0 0 2px ".concat(_tokens.colors.darken3)
+    boxShadow: `inset 0 0 0 2px ${_tokens.colors.darken3}`
   },
   '&[data-disabled="true"]': {
     opacity: _tokens.opacities.quieter,
     cursor: 'default'
   }
 });
-var baseOptionStyles = (0, _emotion.css)({
+const baseOptionStyles = (0, _emotion.css)({
   position: 'relative',
   display: 'flex',
   flex: 'auto',
@@ -63,7 +63,7 @@ var baseOptionStyles = (0, _emotion.css)({
     opacity: _tokens.opacities.quiet
   }
 });
-var selectButtonsVariants = {
+const selectButtonsVariants = {
   default: {
     containerClassNameForVariant: baseContainerStyles,
     optionClassNameForVariant: baseOptionStyles

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

@@ -1,27 +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");
 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(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 = {
+const 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\")",
+  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(_objectSpread({
+const baseStyles = (0, _emotion.css)({
   fontFamily: _tokens.fontFamilies.default,
   borderRadius: _tokens.radii.default,
   justifyContent: 'center',
@@ -31,8 +22,8 @@ var baseStyles = (0, _emotion.css)(_objectSpread(_objectSpread({
   fontWeight: 400,
   outline: 'none',
   appearance: 'none',
-  border: 'none'
-}, styleForChevron), {}, {
+  border: 'none',
+  ...styleForChevron,
   '&:not(:disabled)': {
     cursor: 'pointer',
     '&:hover': {
@@ -42,15 +33,15 @@ var baseStyles = (0, _emotion.css)(_objectSpread(_objectSpread({
       opacity: 1
     },
     '&:focus': {
-      boxShadow: "inset 0 0 0 2px ".concat(_tokens.colors.darken3)
+      boxShadow: `inset 0 0 0 2px ${_tokens.colors.darken3}`
     }
   },
   '&:disabled': {
     cursor: 'default',
     opacity: _tokens.opacities.quieter
   }
-}));
-var selectVariants = {
+});
+const selectVariants = {
   default: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
     color: _tokens.colors.dark,
     backgroundColor: _tokens.colors.lightGray2