@pingux/astro 1.1.1-alpha.1 → 1.1.1-alpha.2

package/lib/cjs/styles/variants/popoverMenu.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var container = {
+  visibility: 'hidden',
+  position: 'relative',
+  bg: 'white',
+  color: 'neutral.10',
+  borderRadius: 4,
+  fontSize: 'md',
+  lineHeight: 1.4,
+  outline: 'none',
+  transitionProperty: 'transform,visibility,opacity',
+  'WebkitBoxShadow': '0px 0px 12px 2px #0000002e',
+  'MozBoxShadow': '0px 0px 12px 2px #0000002e',
+  'boxShadow': '0px 0px 12px 2px #0000002e',
+  '&.is-dark-mode': {
+    color: 'white',
+    bg: 'accent.20',
+    '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
+      borderTopColor: 'accent.20'
+    },
+    '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
+      borderBottomColor: 'accent.20'
+    },
+    '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
+      borderLeftColor: 'accent.20'
+    },
+    '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
+      borderRightColor: 'accent.20'
+    }
+  },
+  '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]': {
+    bottom: 0
+  },
+  '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
+    left: '50%',
+    transform: 'translateX(-50%)',
+    borderWidth: '8px 8px 0',
+    borderTopColor: 'white',
+    transformOrigin: 'center top'
+  },
+  '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]': {
+    top: 0
+  },
+  '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
+    top: '-8px',
+    left: '50%',
+    transform: 'translateX(-50%)',
+    borderWidth: '0 8px 8px',
+    borderBottomColor: 'white',
+    transformOrigin: 'center bottom'
+  },
+  '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]': {
+    right: 0
+  },
+  '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
+    right: '-8px',
+    top: '50%',
+    transform: 'translateY(-50%)',
+    borderWidth: '8px 0 8px 8px',
+    borderLeftColor: 'white',
+    transformOrigin: 'center left'
+  },
+  '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]': {
+    left: 0
+  },
+  '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
+    left: '-8px',
+    top: '50%',
+    transform: 'translateY(-50%)',
+    borderWidth: '8px 8px 8px 0',
+    borderRightColor: 'white',
+    transformOrigin: 'center right'
+  },
+  '&.is-open': {
+    visibility: 'visible'
+  }
+};
+var arrow = {
+  color: 'white',
+  '&:before': {
+    content: '""',
+    position: 'absolute',
+    borderColor: 'transparent',
+    borderStyle: 'solid'
+  }
+};
+var _default = {
+  arrow: arrow,
+  container: container
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/rockerbutton.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var rockerContainer = {
+  alignItems: 'flex-start'
+};
+var rockerContainerInner = {
+  bg: 'accent.95',
+  border: '1px solid',
+  borderColor: 'accent.90',
+  boxShadow: 'standard',
+  borderRadius: '15px',
+  padding: '2px'
+};
+var _default = {
+  rockerContainer: rockerContainer,
+  rockerContainerInner: rockerContainerInner
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/separator.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(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) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var base = {
+  bg: 'neutral.80',
+  width: '100%',
+  height: '1px',
+  my: '5px',
+  '&.is-vertical': {
+    width: '1px',
+    height: '100%',
+    mx: '5px'
+  }
+};
+
+var navBarSeparator = _objectSpread(_objectSpread({}, base), {}, {
+  width: '100%',
+  backgroundColor: 'neutral.60'
+});
+
+var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, base), {}, {
+  ml: '45px',
+  width: 'calc(100% - 75px)',
+  mb: '15px',
+  backgroundColor: 'neutral.60'
+});
+
+var _default = {
+  base: base,
+  navBarSeparator: navBarSeparator,
+  navBarSubtitleSeparator: navBarSubtitleSeparator
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/stepper.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(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) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+/** Tabs styles */
+var wrapper = {
+  width: '100%'
+};
+var tabs = {
+  outline: 'none',
+  borderBottom: 'none',
+  mb: 0,
+  width: '100%'
+};
+var tab = {
+  mb: 0,
+  mr: 0,
+  outline: 'none',
+  '&.is-focused': {
+    boxShadow: 'focus',
+    borderRadius: '50%'
+  },
+  '&:not(:first-of-type)': {
+    flex: 1,
+    maxWidth: 122
+  }
+};
+var tabLabel = {
+  mb: 0
+};
+var stepWrapper = {
+  alignItems: 'center'
+};
+/** Step styles */
+
+var stepBase = {
+  width: 32,
+  height: 32,
+  minWidth: 32,
+  minHeight: 32,
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  borderWidth: 1,
+  borderStyle: 'solid',
+  borderRadius: '50%',
+  fontSize: '17px',
+  fontWeight: 3,
+  cursor: 'pointer',
+  '&[aria-expanded="true"]': {
+    backgroundColor: 'active',
+    borderColor: 'active',
+    color: 'text.primaryLight'
+  }
+};
+var step = {
+  active: _objectSpread({
+    backgroundColor: 'accent.95',
+    borderColor: 'active',
+    color: 'active'
+  }, stepBase),
+  completed: _objectSpread({
+    backgroundColor: 'active',
+    borderColor: 'active',
+    color: 'text.primaryLight'
+  }, stepBase),
+  inactive: _objectSpread({
+    backgroundColor: 'white',
+    borderColor: 'neutral.80',
+    color: 'neutral.40'
+  }, stepBase)
+};
+/** Line styles */
+
+var line = {
+  alignSelf: 'center',
+  width: '100%',
+  maxWidth: '90px',
+  borderBottomWidth: 1,
+  borderBottomStyle: 'solid',
+  borderBottomColor: 'active',
+  '&.is-inactive': {
+    borderBottomStyle: 'dashed',
+    borderBottomColor: 'neutral.80'
+  }
+};
+var _default = {
+  wrapper: wrapper,
+  tabs: tabs,
+  tab: tab,
+  tabLabel: tabLabel,
+  stepWrapper: stepWrapper,
+  step: step,
+  line: line
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/table.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _text = require("../variants/text");
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(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) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var tableHead = _objectSpread(_objectSpread({}, _text.text.label), {}, {
+  fontWeight: 500,
+  width: '100%',
+  flexDirection: 'row !important',
+  p: '10px'
+});
+
+var tableData = _objectSpread(_objectSpread({}, _text.text.tableData), {}, {
+  width: '100%',
+  p: '10px'
+});
+
+var tableBody = {
+  borderTop: '1px solid',
+  borderTopColor: 'neutral.40',
+  borderBottom: '1px solid',
+  borderBottomColor: 'neutral.80',
+  '&& > tr:nth-of-type(odd) ': {
+    backgroundColor: 'neutral.95'
+  }
+};
+var tableRow = {
+  width: '100%',
+  flexDirection: 'row !important'
+};
+var table = {
+  width: '100%'
+};
+var _default = {
+  tableHead: tableHead,
+  tableData: tableData,
+  tableBody: tableBody,
+  tableRow: tableRow,
+  table: table
+};
+exports["default"] = _default;

package/lib/cjs/styles/variants/tabs.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.tabs = exports.tabPanel = exports.tabLine = exports.tab = void 0;
+var tab = {
+  pt: 10,
+  cursor: 'pointer',
+  alignItems: 'center',
+  display: 'inline-flex',
+  outline: 'none',
+  transform: 'translateY(1px)',
+  width: '100%',
+  '&.is-focused': {
+    boxShadow: 'focus'
+  },
+  '&.is-disabled': {
+    cursor: 'default'
+  },
+  '&.is-selected.is-vertical': {
+    bg: 'accent.95'
+  }
+};
+exports.tab = tab;
+var tabLine = {
+  height: '2px',
+  width: '100%',
+  bg: 'active'
+};
+exports.tabLine = tabLine;
+var tabPanel = {
+  outline: 'none'
+};
+exports.tabPanel = tabPanel;
+var tabs = {
+  borderBottomWidth: 1,
+  borderBottomStyle: 'solid',
+  borderBottomColor: 'neutral.90',
+  mb: 'lg'
+};
+exports.tabs = tabs;

package/lib/cjs/styles/variants/text.js

@@ -0,0 +1,251 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports.text = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(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) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var base = {
+  display: 'block',
+  fontSize: 'md',
+  color: 'text.primary',
+  fontFamily: 'standard',
+  overflowWrap: 'break-word'
+};
+var wordWrap = {
+  display: 'block',
+  overflowWrap: 'break-word',
+  maxWidth: '100%',
+  wordWrap: 'break-word',
+  wordBreak: 'break-word'
+};
+
+var tabLabel = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {}, {
+  fontSize: 'md',
+  fontWeight: 1,
+  mb: 6,
+  color: 'neutral.40',
+  '.is-selected &, .is-hovered &': {
+    color: 'active',
+    mb: 5
+  },
+  '.is-disabled &': {
+    color: 'neutral.80'
+  }
+});
+
+var fieldHelperText = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {}, {
+  fontSize: 'sm',
+  pb: 'sm',
+  '&.is-default': {
+    color: 'text.secondary'
+  },
+  '&.is-error': {
+    color: 'critical.dark'
+  },
+  '&.is-success': {
+    color: 'success.dark'
+  },
+  '&.is-warning': {
+    color: 'warning.dark'
+  },
+  '.is-left-label > &': {
+    gridRowEnd: 3,
+    gridColumnEnd: 3
+  }
+});
+
+var tooltipContent = {
+  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'
+  }
+};
+var expandableRowSharedStyle = {
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};
+var expandableRow = {
+  title: _objectSpread({
+    fontSize: 'lg',
+    color: 'neutral.20'
+  }, expandableRowSharedStyle),
+  subtitle: _objectSpread({
+    fontSize: 'sm',
+    color: 'neutral.60'
+  }, expandableRowSharedStyle),
+  lineChart: {
+    title: _objectSpread({
+      fontSize: 'sm',
+      color: 'neutral.40',
+      maxWidth: '100%'
+    }, expandableRowSharedStyle),
+    count: {
+      color: 'neutral.20',
+      fontSize: 22,
+      fontWeight: 2
+    },
+    countLabel: {
+      fontSize: 'xs',
+      color: 'neutral.50'
+    },
+    chartLabel: {
+      fontSize: 'xs',
+      color: 'neutral.50',
+      minWidth: '60px'
+    },
+    trend: {
+      color: 'neutral.20',
+      fontSize: 'sm',
+      fontWeight: 3,
+      whiteSpace: 'nowrap'
+    }
+  }
+};
+var navBarSubtitle = {
+  fontWeight: 3,
+  fontSize: '11px',
+  color: 'accent.80'
+};
+
+var navBarHeaderText = _objectSpread(_objectSpread({}, wordWrap), {}, {
+  whiteSpace: 'break-spaces',
+  lineHeight: '13px',
+  fontSize: '13px',
+  fontWeight: 1
+});
+
+var text = {
+  base: base,
+  bodyStrong: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  bodyWeak: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  }),
+  buttonLabel: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'md',
+    fontWeight: 1,
+    color: 'accent.30',
+    fontFamily: 'standard'
+  }),
+  capsLabel: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    color: 'text.secondary',
+    textTransform: 'uppercase',
+    fontFamily: 'standard'
+  }),
+  fieldHelperText: fieldHelperText,
+  inputValue: {
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  },
+  itemTitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'md',
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  itemSubtitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    fontWeight: 0,
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  }),
+  label: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  }),
+  listTitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'md',
+    fontWeight: 1,
+    color: 'text.primary',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+  }),
+  listSubtitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    fontWeight: 0,
+    color: 'text.secondary',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+  }),
+  expandableRow: expandableRow,
+  navBarHeaderText: navBarHeaderText,
+  navBarSubtitle: navBarSubtitle,
+  placeholder: {
+    fontWeight: -1,
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  },
+  sectionTitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'lg',
+    fontWeight: 2,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  subtitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontWeight: 0,
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  }),
+  tabLabel: tabLabel,
+  tableData: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  title: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'xx',
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  tooltipContent: tooltipContent
+};
+exports.text = text;