@pingux/astro 1.41.0-alpha.5 → 1.42.0-alpha.0

package/lib/components/ImageUploadField/imageUpload.js

@@ -1,49 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { base, defaultFocus } from '../Button/Buttons.styles';
-var hoveredPreview = {
-  wrapper: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'absolute'
-  },
-  shaded: {
-    opacity: 0.3,
-    backgroundColor: '#000',
-    width: '100%',
-    height: '100%',
-    position: 'absolute',
-    borderRadius: 2
-  }
-};
-
-var button = _objectSpread(_objectSpread({}, base), {}, {
-  display: 'inline-flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  padding: 0,
-  backgroundColor: 'accent.99',
-  border: '2px solid',
-  borderColor: 'neutral.40',
-  '&.is-focused': _objectSpread(_objectSpread({}, defaultFocus), {}, {
-    borderColor: 'neutral.40'
-  })
-});
-
-export default {
-  hoveredPreview: hoveredPreview,
-  button: button
-};

package/lib/components/ListItem/ListItem.styles.js

@@ -1,21 +0,0 @@
-var container = {
-  display: 'flex',
-  flex: '1 1 0px',
-  cursor: 'pointer',
-  height: '64px',
-  pl: 'md',
-  pr: 'sm',
-  pt: 16,
-  pb: 16,
-  justifyContent: 'center',
-  bg: 'accent.99',
-  '&.is-selected': {
-    bg: 'white'
-  },
-  '&.is-hovered': {
-    bg: 'white'
-  }
-};
-export default {
-  container: container
-};

package/lib/components/ListViewItem/ListViewItem.styles.js

@@ -1,69 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var container = {
-  display: 'flex',
-  padding: '0px 15px 0px 25px',
-  flex: '1 1 0px',
-  minHeight: '80px',
-  justifyContent: 'center',
-  bg: 'accent.99',
-  outline: 'none',
-  '&.is-selected': {
-    bg: 'white'
-  },
-  '&.is-hovered': {
-    bg: 'white',
-    cursor: 'pointer'
-  },
-  '&.is-focused': {
-    boxShadow: '0 0 0 1px inset #D033FF'
-  },
-  '&.has-separator': {
-    borderBottom: '1px solid',
-    borderBottomColor: 'line.hairline'
-  }
-};
-
-var linkedViewContainer = _objectSpread(_objectSpread({}, container), {}, {
-  minHeight: '75px',
-  height: '76px',
-  '&.has-inset-separator': {
-    '&:after': {
-      content: '""',
-      position: 'absolute',
-      width: 'calc(100% - 43px)',
-      right: 0,
-      bottom: 0,
-      borderBottom: '1px solid',
-      borderBottomColor: 'line.hairline'
-    },
-    '&.is-focused': {
-      '&:after': {
-        content: '""',
-        position: 'absolute',
-        width: 'calc(100% - 43px)',
-        right: 0,
-        bottom: 0,
-        borderBottom: '1px solid',
-        borderBottomColor: 'focus'
-      }
-    }
-  }
-});
-
-export default {
-  container: container,
-  linkedViewContainer: linkedViewContainer
-};

package/lib/components/Messages/Message.styles.js

@@ -1,99 +0,0 @@
-var wrapper = {
-  position: 'absolute',
-  right: 'lg',
-  bottom: 'lg',
-  left: 'lg',
-  alignItems: 'flex-end',
-  pointerEvents: 'none'
-};
-var transition = {
-  transition: 'opacity 200ms, max-height 200ms',
-  opacity: 1,
-  '&.is-hidden': {
-    opacity: 0
-  }
-};
-var item = {
-  maxWidth: 400,
-  pointerEvents: 'all',
-  mb: 'md',
-  p: 'md',
-  wordBreak: 'break-word',
-  alignItems: 'center',
-  bg: 'neutral.95',
-  color: 'neutral.10',
-  borderRadius: 4,
-  '&.is-success, > .is-success': {
-    bg: 'success.light',
-    color: 'success.dark'
-  },
-  '&.is-warning, > .is-warning': {
-    bg: 'warning.light',
-    color: 'warning.dark'
-  },
-  '&.is-error, > .is-error': {
-    bg: 'critical.light',
-    color: 'critical.dark'
-  }
-};
-export var messageCloseButton = {
-  p: 0,
-  ml: 'auto',
-  outline: 'none',
-  path: {
-    fill: 'neutral.10'
-  },
-  '&.is-hovered': {
-    bg: 'white',
-    boxShadow: 'standard'
-  },
-  '&.is-pressed': {
-    boxShadow: 'standard',
-    bg: 'neutral.10',
-    path: {
-      fill: 'white'
-    }
-  },
-  '&.is-success': {
-    path: {
-      fill: 'success.dark'
-    },
-    '&.is-pressed': {
-      boxShadow: 'standard',
-      bg: 'success.dark',
-      path: {
-        fill: 'white'
-      }
-    }
-  },
-  '&.is-warning': {
-    path: {
-      fill: 'warning.dark'
-    },
-    '&.is-pressed': {
-      boxShadow: 'standard',
-      bg: 'warning.dark',
-      path: {
-        fill: 'white'
-      }
-    }
-  },
-  '&.is-error': {
-    path: {
-      fill: 'critical.dark'
-    },
-    '&.is-pressed': {
-      boxShadow: 'standard',
-      bg: 'critical.dark',
-      path: {
-        fill: 'white'
-      }
-    }
-  }
-};
-export default {
-  wrapper: wrapper,
-  transition: transition,
-  item: item,
-  messageCloseButton: messageCloseButton
-};

package/lib/components/Radio/Radio.styles.js

@@ -1,55 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { focusWithCroppedOutline } from '../Button/Buttons.styles'; // Styles for default radio and variants go here.
-// Default radio
-
-var base = {
-  width: 20,
-  height: 20,
-  color: 'active',
-  mr: 'xs',
-  // override the default focus styling
-  'input:focus ~ &': {
-    bg: 'transparent'
-  },
-  'input ~ &.is-focused': _objectSpread({}, focusWithCroppedOutline)
-};
-var outerContainer = {
-  '.is-horizontal &': {
-    mr: '15px'
-  }
-}; // Used to give a border to radio elements
-
-var container = {
-  borderWidth: 1,
-  borderStyle: 'solid',
-  borderColor: 'active',
-  borderRadius: 3,
-  padding: 'md',
-  mb: 'md'
-}; // Used to add spacing for content shown when a radio is checked
-
-var checkedContent = {
-  pb: 'sm',
-  pl: 'lg',
-  color: 'text.secondary',
-  fontSize: 'md'
-};
-export default {
-  base: base,
-  outerContainer: outerContainer,
-  container: container,
-  checkedContent: checkedContent
-};

package/lib/components/RockerButton/RockerButton.styles.js

@@ -1,52 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { base, defaultFocus } from '../Button/Buttons.styles';
-var container = {
-  alignItems: 'flex-start'
-};
-var innerContainer = {
-  bg: 'accent.95',
-  border: '1px solid',
-  borderColor: 'accent.90',
-  boxShadow: 'standard',
-  borderRadius: '15px',
-  padding: '2px'
-};
-
-var thumbSwitch = _objectSpread(_objectSpread({}, base), {}, {
-  border: '0',
-  display: 'inline-flex',
-  height: '26px',
-  lineHeight: '26px',
-  fontSize: '14px',
-  borderRadius: '15px',
-  alignSelf: 'center',
-  paddingTop: '0px',
-  paddingBottom: '0px',
-  textTransform: 'uppercase',
-  bg: 'accent.95',
-  '&.is-selected': {
-    bg: 'active',
-    color: 'white',
-    zIndex: '1'
-  },
-  '&.is-focused': _objectSpread({}, defaultFocus)
-});
-
-export default {
-  container: container,
-  innerContainer: innerContainer,
-  thumbSwitch: thumbSwitch
-};

package/lib/components/ScrollBox/ScrollBox.styles.js

@@ -1,43 +0,0 @@
-var topShadowBox = {
-  '&.has-shadows.is-top-shadow-showing': {
-    position: 'relative',
-    zIndex: '10000',
-    boxShadow: '0px 4px 2px 1px rgb(37, 55, 70, 0.15)',
-    height: '4px',
-    marginBottom: '-4px',
-    backgroundColor: '#FFFFFF'
-  }
-};
-var bottomShadowBox = {
-  '&.has-shadows.is-bottom-shadow-showing': {
-    position: 'relative',
-    zIndex: '10000',
-    boxShadow: '0px -4px 2px 1px rgb(37, 55, 70, 0.15)',
-    height: '4px',
-    marginTop: '-2px',
-    backgroundColor: '#FFFFFF'
-  }
-};
-var container = {
-  '&::-webkit-scrollbar': {
-    display: 'none',
-    width: '0px !important'
-  },
-  '&::-webkit-scrollbar-track': {
-    width: '0px',
-    display: 'none'
-  },
-  '&::-webkit-scrollbar-thumb': {
-    borderRadius: '0px',
-    display: 'none'
-  },
-  position: 'relative',
-  '& > *': {
-    overflow: 'hidden auto'
-  }
-};
-export default {
-  container: container,
-  topShadowBox: topShadowBox,
-  bottomShadowBox: bottomShadowBox
-};

package/lib/components/TextArea/TextArea.styles.js

@@ -1,47 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { input } from '../Input/Input.styles'; // Styles for default input and variants go here.
-
-export var baseField = _objectSpread(_objectSpread({}, input), {}, {
-  height: 'unset',
-  '&.is-unresizable': {
-    resize: 'none'
-  },
-  '.is-float-label &': {
-    height: 'unset'
-  }
-});
-var containerSlot = {
-  position: 'absolute',
-  bg: 'transparent',
-  width: '20px',
-  right: '10px',
-  top: '50%',
-  transform: 'translateY(-50%)'
-};
-var floatLabelWrapper = {
-  width: 'calc(100% - 4px)',
-  backgroundColor: 'white',
-  position: 'relative',
-  height: '17px',
-  bottom: '-18px',
-  left: '3px',
-  zIndex: 2
-};
-export default {
-  baseField: baseField,
-  containerSlot: containerSlot,
-  floatLabelWrapper: floatLabelWrapper
-};

package/lib/components/TimeZonePicker/TimeZone.styles.js

@@ -1,30 +0,0 @@
-var item = {
-  title: {
-    color: 'neutral.10',
-    fontSize: 'md',
-    whiteSpace: 'nowrap',
-    lineHeight: 1,
-    '.is-focused &': {
-      color: 'white'
-    }
-  },
-  subTitle: {
-    color: 'neutral.40',
-    fontSize: 'sm',
-    ml: 10,
-    '.is-focused &': {
-      color: 'white'
-    }
-  },
-  time: {
-    color: 'neutral.10',
-    fontSize: 'sm',
-    fontWeight: 1,
-    '.is-focused &': {
-      color: 'white'
-    }
-  }
-};
-export default {
-  item: item
-};

package/lib/components/TooltipTrigger/Tooltip.styles.js

@@ -1,71 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { text } from '../Button/Buttons.styles';
-import { baseBadge } from '../Badge/Badge.styles';
-var container = {
-  p: 'sm'
-};
-
-var badge = _objectSpread(_objectSpread({}, baseBadge), {}, {
-  cursor: 'default',
-  '&.is-hovered, &.is-pressed': {
-    cursor: 'default',
-    outline: 'none'
-  }
-});
-
-export var button = {
-  cursor: 'default',
-  '&.is-hovered, &.is-pressed': {
-    backgroundColor: 'inherit',
-    cursor: 'default',
-    path: {
-      fill: 'neutral.20'
-    }
-  }
-};
-
-var inline = _objectSpread(_objectSpread({}, text), {}, {
-  cursor: 'default',
-  alignSelf: 'flex-start',
-  '&.is-hovered, &.is-pressed': {
-    backgroundColor: 'inherit',
-    cursor: 'default',
-    textDecoration: 'inherit'
-  }
-});
-
-var content = {
-  maxWidth: '10em',
-  maxHeight: '15em',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  WebkitLineClamp: '10',
-  WebkitBoxOrient: 'vertical',
-  display: '-webkit-box !important',
-  wordBreak: 'break-word',
-  '.is-right > * > &, .is-left > * > &': {
-    maxWidth: '24em',
-    maxHeight: '6.5em',
-    WebkitLineClamp: '4'
-  }
-};
-export default {
-  container: container,
-  badge: badge,
-  button: button,
-  inline: inline,
-  content: content
-};

package/lib/styles/theme-ui/ThemeView.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { JSONTree } from 'react-json-tree';
-import theme from '../theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default (function () {
-  return ___EmotionJSX(JSONTree, {
-    data: theme
-  });
-});

package/lib/styles/themeOverrides/stories/AccordionGroup.chromatic.stories.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { AccordionGroup, Item, Text } from '../../../index';
-import WithUiLibraryCss from '../withUiLibraryCss';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Chromatic Only AccordionGroup',
-  component: AccordionGroup,
-  decorators: [WithUiLibraryCss]
-};
-export var Default = function Default() {
-  return ___EmotionJSX(AccordionGroup, null, ___EmotionJSX(Item, {
-    key: "accordionKey",
-    textValue: "accordionKey",
-    label: "Accordion Label",
-    "data-id": "accordionItem"
-  }, ___EmotionJSX(Text, null, "Render me!")));
-};

package/lib/styles/themeOverrides/stories/Button.chromatic.stories.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Button } from '../../../index';
-import WithUiLibraryCss from '../withUiLibraryCss';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Chromatic Only Button',
-  component: Button,
-  decorators: [WithUiLibraryCss]
-};
-export var Default = function Default() {
-  return ___EmotionJSX(Button, null, "Button Text");
-};
-export var Critical = function Critical() {
-  return ___EmotionJSX(Button, {
-    variant: "critical"
-  }, "Button Text");
-};
-export var Success = function Success() {
-  return ___EmotionJSX(Button, {
-    variant: "success"
-  }, "Button Text");
-};
-export var Inline = function Inline() {
-  return ___EmotionJSX(Button, {
-    variant: "inline"
-  }, "Button Text");
-};
-export var Primary = function Primary() {
-  return ___EmotionJSX(Button, {
-    variant: "primary"
-  }, "Button Text");
-};
-export var Link = function Link() {
-  return ___EmotionJSX(Button, {
-    variant: "link"
-  }, "Button Text");
-};