@react95/core 8.0.0-alpha.0 → 8.0.0-alpha.2

package/cjs/Fieldset/Fieldset.js

@@ -1,29 +1,9 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Fieldset = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var styles = _interopRequireWildcard(require("./Fieldset.css"));
-var _Frame = require("../Frame/Frame");
-var _excluded = ["legend", "children"];
-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 && Object.prototype.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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Fieldset = exports.Fieldset = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var legend = _ref.legend,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Frame.Frame, _extends({
-    as: "fieldset"
-  }, rest, {
-    ref: ref,
-    className: styles.field
-  }), legend && /*#__PURE__*/_react["default"].createElement("legend", {
-    className: styles.legend
-  }, legend), children);
-});
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Fieldset_css = require("./Fieldset.css.js");
+const Frame = require("../Frame/Frame.js");
+const Fieldset = React.forwardRef(
+  ({ legend, children, ...rest }, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { as: "fieldset", ...rest, ref, className: Fieldset_css.field }, legend && /* @__PURE__ */ React.createElement("legend", { className: Fieldset_css.legend }, legend), children)
+);
+exports.Fieldset = Fieldset;

package/cjs/Frame/Frame.js

@@ -1,39 +1,23 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Frame = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _sprinkles2 = require("./sprinkles.css");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["as", "children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 && Object.prototype.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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var fixedForwardRef = _react.forwardRef;
-var FrameComponent = function FrameComponent(props, ref) {
-  var as = props.as,
-    children = props.children,
-    rest = _objectWithoutProperties(props, _excluded);
-  var Component = as || 'div';
-  var _sprinkles = (0, _sprinkles2.sprinkles)(rest),
-    className = _sprinkles.className,
-    style = _sprinkles.style,
-    otherProps = _sprinkles.otherProps;
-  return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), otherProps.style),
-    className: (0, _classnames["default"])(className, otherProps.className),
-    ref: ref
-  }), children);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const sprinkles_css = require("./sprinkles.css.js");
+const cn = require("classnames");
+const fixedForwardRef = React.forwardRef;
+const FrameComponent = (props, ref) => {
+  const { as, children, ...rest } = props;
+  const Component = as || "div";
+  const { className, style, otherProps } = sprinkles_css.sprinkles(rest);
+  return /* @__PURE__ */ React.createElement(
+    Component,
+    {
+      ...otherProps,
+      style: { ...style, ...otherProps.style },
+      className: cn(className, otherProps.className),
+      ref
+    },
+    children
+  );
 };
-var Frame = exports.Frame = fixedForwardRef(FrameComponent);
+const Frame = fixedForwardRef(FrameComponent);
+exports.Frame = Frame;

package/cjs/Frame/sprinkles.css.js

@@ -1,73 +1,47 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sprinkles = void 0;
-var _rainbowSprinkles = require("rainbow-sprinkles");
-var _props = require("./props");
-var displayAndBoxModelAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.displayAndBoxModel,
-  shorthands: {
-    size: ['height', 'width'],
-    h: ['height'],
-    w: ['width'],
-    minH: ['minHeight'],
-    minW: ['minWidth'],
-    m: ['margin'],
-    mr: ['marginRight'],
-    ml: ['marginLeft'],
-    mt: ['marginTop'],
-    mb: ['marginBottom'],
-    marginX: ['marginLeft', 'marginRight'],
-    marginY: ['marginTop', 'marginBottom'],
-    mx: ['marginLeft', 'marginRight'],
-    my: ['marginTop', 'marginBottom'],
-    p: ['padding'],
-    pr: ['paddingRight'],
-    pl: ['paddingLeft'],
-    pt: ['paddingTop'],
-    pb: ['paddingBottom'],
-    paddingX: ['paddingLeft', 'paddingRight'],
-    paddingY: ['paddingTop', 'paddingBottom'],
-    px: ['paddingLeft', 'paddingRight'],
-    py: ['paddingTop', 'paddingBottom']
-  }
-});
-var positioningAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.positioning
-});
-var colorsAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.colors,
-  shorthands: {
-    bgColor: ['backgroundColor']
-  }
-});
-var backgroundAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.background,
-  shorthands: {
-    bg: ['background']
-  }
-});
-var bordersAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.borders
-});
-var borderRadiusAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.borderRadius
-});
-var shadowsAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.shadows
-});
-var outlineAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.outline
-});
-var fontAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.font
-});
-var textAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.text
-});
-var zIndicesAtomicProps = (0, _rainbowSprinkles.defineProperties)({
-  dynamicProperties: _props.zIndices
-});
-var sprinkles = exports.sprinkles = (0, _rainbowSprinkles.createRainbowSprinkles)(colorsAtomicProps, shadowsAtomicProps, zIndicesAtomicProps, displayAndBoxModelAtomicProps, positioningAtomicProps, backgroundAtomicProps, bordersAtomicProps, borderRadiusAtomicProps, outlineAtomicProps, fontAtomicProps, textAtomicProps);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* empty css                                */const createRuntimeFn = require("rainbow-sprinkles/createRuntimeFn");
+var sprinkles = createRuntimeFn.createRuntimeFn(function() {
+  var x = { config: { bgColor: { mappings: ["backgroundColor"] }, backgroundColor: { vars: { "default": "var(--r95_1txm3g83o)" }, dynamic: { "default": "r95_1txm3g83p" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "backgroundColor" }, colors: { vars: { "default": "var(--r95_1txm3g83q)" }, dynamic: { "default": "r95_1txm3g83r" }, dynamicScale: void 0, name: "colors" } } };
+  x.config.colors.dynamicScale = x.config.backgroundColor.dynamicScale;
+  return x;
+}(), { config: { boxShadow: { vars: { "default": "var(--r95_1txm3g85y)" }, dynamic: { "default": "r95_1txm3g85z" }, dynamicScale: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" }, name: "boxShadow" } } }, { config: { zIndex: { vars: { "default": "var(--r95_1txm3g87c)" }, dynamic: { "default": "r95_1txm3g87d" }, dynamicScale: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, name: "zIndex" } } }, function() {
+  var x = { config: { size: { mappings: ["height", "width"] }, h: { mappings: ["height"] }, w: { mappings: ["width"] }, minH: { mappings: ["minHeight"] }, minW: { mappings: ["minWidth"] }, m: { mappings: ["margin"] }, mr: { mappings: ["marginRight"] }, ml: { mappings: ["marginLeft"] }, mt: { mappings: ["marginTop"] }, mb: { mappings: ["marginBottom"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, mx: { mappings: ["marginLeft", "marginRight"] }, my: { mappings: ["marginTop", "marginBottom"] }, p: { mappings: ["padding"] }, pr: { mappings: ["paddingRight"] }, pl: { mappings: ["paddingLeft"] }, pt: { mappings: ["paddingTop"] }, pb: { mappings: ["paddingBottom"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, px: { mappings: ["paddingLeft", "paddingRight"] }, py: { mappings: ["paddingTop", "paddingBottom"] }, display: { vars: { "default": "var(--r95_1txm3g80)" }, dynamic: { "default": "r95_1txm3g81" }, dynamicScale: true, name: "display" }, overflow: { vars: { "default": "var(--r95_1txm3g82)" }, dynamic: { "default": "r95_1txm3g83" }, dynamicScale: true, name: "overflow" }, boxSizing: { vars: { "default": "var(--r95_1txm3g84)" }, dynamic: { "default": "r95_1txm3g85" }, dynamicScale: true, name: "boxSizing" }, grid: { vars: { "default": "var(--r95_1txm3g86)" }, dynamic: { "default": "r95_1txm3g87" }, dynamicScale: true, name: "grid" }, gridArea: { vars: { "default": "var(--r95_1txm3g88)" }, dynamic: { "default": "r95_1txm3g89" }, dynamicScale: true, name: "gridArea" }, gridAutoColumns: { vars: { "default": "var(--r95_1txm3g8a)" }, dynamic: { "default": "r95_1txm3g8b" }, dynamicScale: true, name: "gridAutoColumns" }, gridAutoFlow: { vars: { "default": "var(--r95_1txm3g8c)" }, dynamic: { "default": "r95_1txm3g8d" }, dynamicScale: true, name: "gridAutoFlow" }, gridAutoRows: { vars: { "default": "var(--r95_1txm3g8e)" }, dynamic: { "default": "r95_1txm3g8f" }, dynamicScale: true, name: "gridAutoRows" }, gridColumn: { vars: { "default": "var(--r95_1txm3g8g)" }, dynamic: { "default": "r95_1txm3g8h" }, dynamicScale: true, name: "gridColumn" }, gridColumnEnd: { vars: { "default": "var(--r95_1txm3g8i)" }, dynamic: { "default": "r95_1txm3g8j" }, dynamicScale: true, name: "gridColumnEnd" }, gridColumnStart: { vars: { "default": "var(--r95_1txm3g8k)" }, dynamic: { "default": "r95_1txm3g8l" }, dynamicScale: true, name: "gridColumnStart" }, gridRow: { vars: { "default": "var(--r95_1txm3g8m)" }, dynamic: { "default": "r95_1txm3g8n" }, dynamicScale: true, name: "gridRow" }, gridRowEnd: { vars: { "default": "var(--r95_1txm3g8o)" }, dynamic: { "default": "r95_1txm3g8p" }, dynamicScale: true, name: "gridRowEnd" }, gridRowStart: { vars: { "default": "var(--r95_1txm3g8q)" }, dynamic: { "default": "r95_1txm3g8r" }, dynamicScale: true, name: "gridRowStart" }, gridTemplate: { vars: { "default": "var(--r95_1txm3g8s)" }, dynamic: { "default": "r95_1txm3g8t" }, dynamicScale: true, name: "gridTemplate" }, gridTemplateAreas: { vars: { "default": "var(--r95_1txm3g8u)" }, dynamic: { "default": "r95_1txm3g8v" }, dynamicScale: true, name: "gridTemplateAreas" }, gridTemplateColumns: { vars: { "default": "var(--r95_1txm3g8w)" }, dynamic: { "default": "r95_1txm3g8x" }, dynamicScale: true, name: "gridTemplateColumns" }, gridTemplateRows: { vars: { "default": "var(--r95_1txm3g8y)" }, dynamic: { "default": "r95_1txm3g8z" }, dynamicScale: true, name: "gridTemplateRows" }, flex: { vars: { "default": "var(--r95_1txm3g810)" }, dynamic: { "default": "r95_1txm3g811" }, dynamicScale: true, name: "flex" }, flexBasis: { vars: { "default": "var(--r95_1txm3g812)" }, dynamic: { "default": "r95_1txm3g813" }, dynamicScale: true, name: "flexBasis" }, flexDirection: { vars: { "default": "var(--r95_1txm3g814)" }, dynamic: { "default": "r95_1txm3g815" }, dynamicScale: true, name: "flexDirection" }, flexFlow: { vars: { "default": "var(--r95_1txm3g816)" }, dynamic: { "default": "r95_1txm3g817" }, dynamicScale: true, name: "flexFlow" }, flexGrow: { vars: { "default": "var(--r95_1txm3g818)" }, dynamic: { "default": "r95_1txm3g819" }, dynamicScale: true, name: "flexGrow" }, flexShrink: { vars: { "default": "var(--r95_1txm3g81a)" }, dynamic: { "default": "r95_1txm3g81b" }, dynamicScale: true, name: "flexShrink" }, flexWrap: { vars: { "default": "var(--r95_1txm3g81c)" }, dynamic: { "default": "r95_1txm3g81d" }, dynamicScale: true, name: "flexWrap" }, justifyContent: { vars: { "default": "var(--r95_1txm3g81e)" }, dynamic: { "default": "r95_1txm3g81f" }, dynamicScale: true, name: "justifyContent" }, justifyItems: { vars: { "default": "var(--r95_1txm3g81g)" }, dynamic: { "default": "r95_1txm3g81h" }, dynamicScale: true, name: "justifyItems" }, justifySelf: { vars: { "default": "var(--r95_1txm3g81i)" }, dynamic: { "default": "r95_1txm3g81j" }, dynamicScale: true, name: "justifySelf" }, alignContent: { vars: { "default": "var(--r95_1txm3g81k)" }, dynamic: { "default": "r95_1txm3g81l" }, dynamicScale: true, name: "alignContent" }, alignItems: { vars: { "default": "var(--r95_1txm3g81m)" }, dynamic: { "default": "r95_1txm3g81n" }, dynamicScale: true, name: "alignItems" }, alignSelf: { vars: { "default": "var(--r95_1txm3g81o)" }, dynamic: { "default": "r95_1txm3g81p" }, dynamicScale: true, name: "alignSelf" }, gap: { vars: { "default": "var(--r95_1txm3g81q)" }, dynamic: { "default": "r95_1txm3g81r" }, dynamicScale: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, name: "gap" }, width: { vars: { "default": "var(--r95_1txm3g81s)" }, dynamic: { "default": "r95_1txm3g81t" }, dynamicScale: void 0, name: "width" }, maxWidth: { vars: { "default": "var(--r95_1txm3g81u)" }, dynamic: { "default": "r95_1txm3g81v" }, dynamicScale: void 0, name: "maxWidth" }, minWidth: { vars: { "default": "var(--r95_1txm3g81w)" }, dynamic: { "default": "r95_1txm3g81x" }, dynamicScale: void 0, name: "minWidth" }, height: { vars: { "default": "var(--r95_1txm3g81y)" }, dynamic: { "default": "r95_1txm3g81z" }, dynamicScale: void 0, name: "height" }, maxHeight: { vars: { "default": "var(--r95_1txm3g820)" }, dynamic: { "default": "r95_1txm3g821" }, dynamicScale: void 0, name: "maxHeight" }, minHeight: { vars: { "default": "var(--r95_1txm3g822)" }, dynamic: { "default": "r95_1txm3g823" }, dynamicScale: void 0, name: "minHeight" }, margin: { vars: { "default": "var(--r95_1txm3g824)" }, dynamic: { "default": "r95_1txm3g825" }, dynamicScale: void 0, name: "margin" }, marginBlock: { vars: { "default": "var(--r95_1txm3g826)" }, dynamic: { "default": "r95_1txm3g827" }, dynamicScale: void 0, name: "marginBlock" }, marginBlockEnd: { vars: { "default": "var(--r95_1txm3g828)" }, dynamic: { "default": "r95_1txm3g829" }, dynamicScale: void 0, name: "marginBlockEnd" }, marginBlockStart: { vars: { "default": "var(--r95_1txm3g82a)" }, dynamic: { "default": "r95_1txm3g82b" }, dynamicScale: void 0, name: "marginBlockStart" }, marginBottom: { vars: { "default": "var(--r95_1txm3g82c)" }, dynamic: { "default": "r95_1txm3g82d" }, dynamicScale: void 0, name: "marginBottom" }, marginInline: { vars: { "default": "var(--r95_1txm3g82e)" }, dynamic: { "default": "r95_1txm3g82f" }, dynamicScale: void 0, name: "marginInline" }, marginInlineEnd: { vars: { "default": "var(--r95_1txm3g82g)" }, dynamic: { "default": "r95_1txm3g82h" }, dynamicScale: void 0, name: "marginInlineEnd" }, marginInlineStart: { vars: { "default": "var(--r95_1txm3g82i)" }, dynamic: { "default": "r95_1txm3g82j" }, dynamicScale: void 0, name: "marginInlineStart" }, marginLeft: { vars: { "default": "var(--r95_1txm3g82k)" }, dynamic: { "default": "r95_1txm3g82l" }, dynamicScale: void 0, name: "marginLeft" }, marginRight: { vars: { "default": "var(--r95_1txm3g82m)" }, dynamic: { "default": "r95_1txm3g82n" }, dynamicScale: void 0, name: "marginRight" }, marginTop: { vars: { "default": "var(--r95_1txm3g82o)" }, dynamic: { "default": "r95_1txm3g82p" }, dynamicScale: void 0, name: "marginTop" }, padding: { vars: { "default": "var(--r95_1txm3g82q)" }, dynamic: { "default": "r95_1txm3g82r" }, dynamicScale: void 0, name: "padding" }, paddingBlock: { vars: { "default": "var(--r95_1txm3g82s)" }, dynamic: { "default": "r95_1txm3g82t" }, dynamicScale: void 0, name: "paddingBlock" }, paddingBlockEnd: { vars: { "default": "var(--r95_1txm3g82u)" }, dynamic: { "default": "r95_1txm3g82v" }, dynamicScale: void 0, name: "paddingBlockEnd" }, paddingBlockStart: { vars: { "default": "var(--r95_1txm3g82w)" }, dynamic: { "default": "r95_1txm3g82x" }, dynamicScale: void 0, name: "paddingBlockStart" }, paddingBottom: { vars: { "default": "var(--r95_1txm3g82y)" }, dynamic: { "default": "r95_1txm3g82z" }, dynamicScale: void 0, name: "paddingBottom" }, paddingInline: { vars: { "default": "var(--r95_1txm3g830)" }, dynamic: { "default": "r95_1txm3g831" }, dynamicScale: void 0, name: "paddingInline" }, paddingInlineEnd: { vars: { "default": "var(--r95_1txm3g832)" }, dynamic: { "default": "r95_1txm3g833" }, dynamicScale: void 0, name: "paddingInlineEnd" }, paddingInlineStart: { vars: { "default": "var(--r95_1txm3g834)" }, dynamic: { "default": "r95_1txm3g835" }, dynamicScale: void 0, name: "paddingInlineStart" }, paddingLeft: { vars: { "default": "var(--r95_1txm3g836)" }, dynamic: { "default": "r95_1txm3g837" }, dynamicScale: void 0, name: "paddingLeft" }, paddingRight: { vars: { "default": "var(--r95_1txm3g838)" }, dynamic: { "default": "r95_1txm3g839" }, dynamicScale: void 0, name: "paddingRight" }, paddingTop: { vars: { "default": "var(--r95_1txm3g83a)" }, dynamic: { "default": "r95_1txm3g83b" }, dynamicScale: void 0, name: "paddingTop" } } };
+  x.config.width.dynamicScale = x.config.gap.dynamicScale;
+  x.config.maxWidth.dynamicScale = x.config.gap.dynamicScale;
+  x.config.minWidth.dynamicScale = x.config.gap.dynamicScale;
+  x.config.height.dynamicScale = x.config.gap.dynamicScale;
+  x.config.maxHeight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.minHeight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.margin.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlock.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlockEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlockStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBottom.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInline.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInlineEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInlineStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginLeft.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginRight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginTop.dynamicScale = x.config.gap.dynamicScale;
+  x.config.padding.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlock.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlockEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlockStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBottom.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInline.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInlineEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInlineStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingLeft.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingRight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingTop.dynamicScale = x.config.gap.dynamicScale;
+  return x;
+}(), { config: { position: { vars: { "default": "var(--r95_1txm3g83c)" }, dynamic: { "default": "r95_1txm3g83d" }, dynamicScale: true, name: "position" }, top: { vars: { "default": "var(--r95_1txm3g83e)" }, dynamic: { "default": "r95_1txm3g83f" }, dynamicScale: true, name: "top" }, right: { vars: { "default": "var(--r95_1txm3g83g)" }, dynamic: { "default": "r95_1txm3g83h" }, dynamicScale: true, name: "right" }, bottom: { vars: { "default": "var(--r95_1txm3g83i)" }, dynamic: { "default": "r95_1txm3g83j" }, dynamicScale: true, name: "bottom" }, left: { vars: { "default": "var(--r95_1txm3g83k)" }, dynamic: { "default": "r95_1txm3g83l" }, dynamicScale: true, name: "left" }, pointerEvents: { vars: { "default": "var(--r95_1txm3g83m)" }, dynamic: { "default": "r95_1txm3g83n" }, dynamicScale: true, name: "pointerEvents" } } }, { config: { bg: { mappings: ["background"] }, background: { vars: { "default": "var(--r95_1txm3g83s)" }, dynamic: { "default": "r95_1txm3g83t" }, dynamicScale: true, name: "background" }, backgroundAttachment: { vars: { "default": "var(--r95_1txm3g83u)" }, dynamic: { "default": "r95_1txm3g83v" }, dynamicScale: true, name: "backgroundAttachment" }, backgroundImage: { vars: { "default": "var(--r95_1txm3g83w)" }, dynamic: { "default": "r95_1txm3g83x" }, dynamicScale: true, name: "backgroundImage" }, backgroundPosition: { vars: { "default": "var(--r95_1txm3g83y)" }, dynamic: { "default": "r95_1txm3g83z" }, dynamicScale: true, name: "backgroundPosition" }, backgroundRepeat: { vars: { "default": "var(--r95_1txm3g840)" }, dynamic: { "default": "r95_1txm3g841" }, dynamicScale: true, name: "backgroundRepeat" }, backgroundSize: { vars: { "default": "var(--r95_1txm3g842)" }, dynamic: { "default": "r95_1txm3g843" }, dynamicScale: true, name: "backgroundSize" }, backgroundOrigin: { vars: { "default": "var(--r95_1txm3g844)" }, dynamic: { "default": "r95_1txm3g845" }, dynamicScale: true, name: "backgroundOrigin" }, backgroundClip: { vars: { "default": "var(--r95_1txm3g846)" }, dynamic: { "default": "r95_1txm3g847" }, dynamicScale: true, name: "backgroundClip" } } }, function() {
+  var x = { config: { border: { vars: { "default": "var(--r95_1txm3g848)" }, dynamic: { "default": "r95_1txm3g849" }, dynamicScale: true, name: "border" }, borderStyle: { vars: { "default": "var(--r95_1txm3g84a)" }, dynamic: { "default": "r95_1txm3g84b" }, dynamicScale: true, name: "borderStyle" }, borderWidth: { vars: { "default": "var(--r95_1txm3g84c)" }, dynamic: { "default": "r95_1txm3g84d" }, dynamicScale: true, name: "borderWidth" }, borderColor: { vars: { "default": "var(--r95_1txm3g84e)" }, dynamic: { "default": "r95_1txm3g84f" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "borderColor" }, borderTop: { vars: { "default": "var(--r95_1txm3g84g)" }, dynamic: { "default": "r95_1txm3g84h" }, dynamicScale: true, name: "borderTop" }, borderTopColor: { vars: { "default": "var(--r95_1txm3g84i)" }, dynamic: { "default": "r95_1txm3g84j" }, dynamicScale: void 0, name: "borderTopColor" }, borderTopStyle: { vars: { "default": "var(--r95_1txm3g84k)" }, dynamic: { "default": "r95_1txm3g84l" }, dynamicScale: true, name: "borderTopStyle" }, borderTopWidth: { vars: { "default": "var(--r95_1txm3g84m)" }, dynamic: { "default": "r95_1txm3g84n" }, dynamicScale: true, name: "borderTopWidth" }, borderRight: { vars: { "default": "var(--r95_1txm3g84o)" }, dynamic: { "default": "r95_1txm3g84p" }, dynamicScale: true, name: "borderRight" }, borderRightColor: { vars: { "default": "var(--r95_1txm3g84q)" }, dynamic: { "default": "r95_1txm3g84r" }, dynamicScale: void 0, name: "borderRightColor" }, borderRightStyle: { vars: { "default": "var(--r95_1txm3g84s)" }, dynamic: { "default": "r95_1txm3g84t" }, dynamicScale: true, name: "borderRightStyle" }, borderRightWidth: { vars: { "default": "var(--r95_1txm3g84u)" }, dynamic: { "default": "r95_1txm3g84v" }, dynamicScale: true, name: "borderRightWidth" }, borderBottom: { vars: { "default": "var(--r95_1txm3g84w)" }, dynamic: { "default": "r95_1txm3g84x" }, dynamicScale: true, name: "borderBottom" }, borderBottomColor: { vars: { "default": "var(--r95_1txm3g84y)" }, dynamic: { "default": "r95_1txm3g84z" }, dynamicScale: void 0, name: "borderBottomColor" }, borderBottomStyle: { vars: { "default": "var(--r95_1txm3g850)" }, dynamic: { "default": "r95_1txm3g851" }, dynamicScale: true, name: "borderBottomStyle" }, borderBottomWidth: { vars: { "default": "var(--r95_1txm3g852)" }, dynamic: { "default": "r95_1txm3g853" }, dynamicScale: true, name: "borderBottomWidth" }, borderLeft: { vars: { "default": "var(--r95_1txm3g854)" }, dynamic: { "default": "r95_1txm3g855" }, dynamicScale: true, name: "borderLeft" }, borderLeftColor: { vars: { "default": "var(--r95_1txm3g856)" }, dynamic: { "default": "r95_1txm3g857" }, dynamicScale: void 0, name: "borderLeftColor" }, borderLeftStyle: { vars: { "default": "var(--r95_1txm3g858)" }, dynamic: { "default": "r95_1txm3g859" }, dynamicScale: true, name: "borderLeftStyle" }, borderLeftWidth: { vars: { "default": "var(--r95_1txm3g85a)" }, dynamic: { "default": "r95_1txm3g85b" }, dynamicScale: true, name: "borderLeftWidth" } } };
+  x.config.borderTopColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderRightColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderBottomColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderLeftColor.dynamicScale = x.config.borderColor.dynamicScale;
+  return x;
+}(), { config: { borderBottomLeftRadius: { vars: { "default": "var(--r95_1txm3g85c)" }, dynamic: { "default": "r95_1txm3g85d" }, dynamicScale: true, name: "borderBottomLeftRadius" }, borderBottomRightRadius: { vars: { "default": "var(--r95_1txm3g85e)" }, dynamic: { "default": "r95_1txm3g85f" }, dynamicScale: true, name: "borderBottomRightRadius" }, borderImage: { vars: { "default": "var(--r95_1txm3g85g)" }, dynamic: { "default": "r95_1txm3g85h" }, dynamicScale: true, name: "borderImage" }, borderImageOutset: { vars: { "default": "var(--r95_1txm3g85i)" }, dynamic: { "default": "r95_1txm3g85j" }, dynamicScale: true, name: "borderImageOutset" }, borderImageRepeat: { vars: { "default": "var(--r95_1txm3g85k)" }, dynamic: { "default": "r95_1txm3g85l" }, dynamicScale: true, name: "borderImageRepeat" }, borderImageSlice: { vars: { "default": "var(--r95_1txm3g85m)" }, dynamic: { "default": "r95_1txm3g85n" }, dynamicScale: true, name: "borderImageSlice" }, borderImageSource: { vars: { "default": "var(--r95_1txm3g85o)" }, dynamic: { "default": "r95_1txm3g85p" }, dynamicScale: true, name: "borderImageSource" }, borderImageWidth: { vars: { "default": "var(--r95_1txm3g85q)" }, dynamic: { "default": "r95_1txm3g85r" }, dynamicScale: true, name: "borderImageWidth" }, borderRadius: { vars: { "default": "var(--r95_1txm3g85s)" }, dynamic: { "default": "r95_1txm3g85t" }, dynamicScale: true, name: "borderRadius" }, borderTopLeftRadius: { vars: { "default": "var(--r95_1txm3g85u)" }, dynamic: { "default": "r95_1txm3g85v" }, dynamicScale: true, name: "borderTopLeftRadius" }, borderTopRightRadius: { vars: { "default": "var(--r95_1txm3g85w)" }, dynamic: { "default": "r95_1txm3g85x" }, dynamicScale: true, name: "borderTopRightRadius" } } }, { config: { outline: { vars: { "default": "var(--r95_1txm3g860)" }, dynamic: { "default": "r95_1txm3g861" }, dynamicScale: true, name: "outline" }, outlineColor: { vars: { "default": "var(--r95_1txm3g862)" }, dynamic: { "default": "r95_1txm3g863" }, dynamicScale: true, name: "outlineColor" }, outlineStyle: { vars: { "default": "var(--r95_1txm3g864)" }, dynamic: { "default": "r95_1txm3g865" }, dynamicScale: true, name: "outlineStyle" }, outlineWidth: { vars: { "default": "var(--r95_1txm3g866)" }, dynamic: { "default": "r95_1txm3g867" }, dynamicScale: true, name: "outlineWidth" } } }, { config: { font: { vars: { "default": "var(--r95_1txm3g868)" }, dynamic: { "default": "r95_1txm3g869" }, dynamicScale: true, name: "font" }, fontFamily: { vars: { "default": "var(--r95_1txm3g86a)" }, dynamic: { "default": "r95_1txm3g86b" }, dynamicScale: true, name: "fontFamily" }, fontStyle: { vars: { "default": "var(--r95_1txm3g86c)" }, dynamic: { "default": "r95_1txm3g86d" }, dynamicScale: true, name: "fontStyle" }, fontSize: { vars: { "default": "var(--r95_1txm3g86e)" }, dynamic: { "default": "r95_1txm3g86f" }, dynamicScale: true, name: "fontSize" }, fontWeight: { vars: { "default": "var(--r95_1txm3g86g)" }, dynamic: { "default": "r95_1txm3g86h" }, dynamicScale: true, name: "fontWeight" }, fontVariant: { vars: { "default": "var(--r95_1txm3g86i)" }, dynamic: { "default": "r95_1txm3g86j" }, dynamicScale: true, name: "fontVariant" }, fontSizeAdjust: { vars: { "default": "var(--r95_1txm3g86k)" }, dynamic: { "default": "r95_1txm3g86l" }, dynamicScale: true, name: "fontSizeAdjust" } } }, { config: { color: { vars: { "default": "var(--r95_1txm3g86m)" }, dynamic: { "default": "r95_1txm3g86n" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "color" }, direction: { vars: { "default": "var(--r95_1txm3g86o)" }, dynamic: { "default": "r95_1txm3g86p" }, dynamicScale: true, name: "direction" }, letterSpacing: { vars: { "default": "var(--r95_1txm3g86q)" }, dynamic: { "default": "r95_1txm3g86r" }, dynamicScale: true, name: "letterSpacing" }, lineHeight: { vars: { "default": "var(--r95_1txm3g86s)" }, dynamic: { "default": "r95_1txm3g86t" }, dynamicScale: true, name: "lineHeight" }, textAlign: { vars: { "default": "var(--r95_1txm3g86u)" }, dynamic: { "default": "r95_1txm3g86v" }, dynamicScale: true, name: "textAlign" }, textDecoration: { vars: { "default": "var(--r95_1txm3g86w)" }, dynamic: { "default": "r95_1txm3g86x" }, dynamicScale: true, name: "textDecoration" }, textIndent: { vars: { "default": "var(--r95_1txm3g86y)" }, dynamic: { "default": "r95_1txm3g86z" }, dynamicScale: true, name: "textIndent" }, textShadow: { vars: { "default": "var(--r95_1txm3g870)" }, dynamic: { "default": "r95_1txm3g871" }, dynamicScale: true, name: "textShadow" }, textTransform: { vars: { "default": "var(--r95_1txm3g872)" }, dynamic: { "default": "r95_1txm3g873" }, dynamicScale: true, name: "textTransform" }, verticalAlign: { vars: { "default": "var(--r95_1txm3g874)" }, dynamic: { "default": "r95_1txm3g875" }, dynamicScale: true, name: "verticalAlign" }, whiteSpace: { vars: { "default": "var(--r95_1txm3g876)" }, dynamic: { "default": "r95_1txm3g877" }, dynamicScale: true, name: "whiteSpace" }, wordSpacing: { vars: { "default": "var(--r95_1txm3g878)" }, dynamic: { "default": "r95_1txm3g879" }, dynamicScale: true, name: "wordSpacing" }, wordBreak: { vars: { "default": "var(--r95_1txm3g87a)" }, dynamic: { "default": "r95_1txm3g87b" }, dynamicScale: true, name: "wordBreak" } } });
+exports.sprinkles = sprinkles;

package/cjs/GlobalStyle/GlobalStyle.css.js

@@ -1,130 +1,3 @@
+require('./GlobalStyle.css.ts.vanilla.css');
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.R95VideoNumbers = exports.MSSansSerif = void 0;
-var _css = require("@vanilla-extract/css");
-var _cssUtils = require("@vanilla-extract/css-utils");
-var _contract = require("../themes/contract.css");
-var _utils = require("./utils");
-var _MSSansSerif8ptBold = _interopRequireDefault(require("./font/MS-Sans-Serif-8pt-bold.ttf"));
-var _MSSansSerif8pt = _interopRequireDefault(require("./font/MS-Sans-Serif-8pt.ttf"));
-var _React95VideoNumbers = _interopRequireDefault(require("./font/React95Video-Numbers.eot"));
-var _React95VideoNumbers2 = _interopRequireDefault(require("./font/React95Video-Numbers.ttf"));
-var _React95VideoNumbers3 = _interopRequireDefault(require("./font/React95Video-Numbers.woff"));
-var _React95VideoNumbers4 = _interopRequireDefault(require("./font/React95Video-Numbers.woff2"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var MSSansSerif = exports.MSSansSerif = 'MS Sans Serif';
-var R95VideoNumbers = exports.R95VideoNumbers = 'React95Video-Numbers';
-(0, _css.globalFontFace)(MSSansSerif, {
-  src: "url('".concat(_MSSansSerif8pt["default"], "') format('truetype')"),
-  fontStyle: 'normal',
-  fontWeight: 'normal'
-});
-(0, _css.globalFontFace)(MSSansSerif, {
-  src: "url('".concat(_MSSansSerif8ptBold["default"], "') format('truetype')"),
-  fontStyle: 'bold',
-  fontWeight: 'bold'
-});
-(0, _css.globalFontFace)(R95VideoNumbers, {
-  src: "url('".concat(_React95VideoNumbers4["default"], "') format('woff2'),\n  url('").concat(_React95VideoNumbers3["default"], "') format('woff'),\n  url('").concat(_React95VideoNumbers2["default"], "') format('truetype'),\n  url('").concat(_React95VideoNumbers["default"], "?#iefix') format('embedded-opentype')"),
-  fontStyle: 'normal',
-  fontWeight: 'normal'
-});
-(0, _css.globalStyle)('*', {
-  fontFamily: MSSansSerif
-});
-(0, _css.globalStyle)('*, *::before, *::after', {
-  boxSizing: 'border-box'
-});
-(0, _css.globalStyle)('html', {
-  fontSize: '100%'
-});
-(0, _css.globalStyle)('body', {
-  margin: 0,
-  padding: 0,
-  fontSize: 12,
-  color: _contract.contract.colors.materialText
-});
-(0, _css.globalStyle)('a', {
-  color: _contract.contract.colors.anchor
-});
-(0, _css.globalStyle)('a:visited', {
-  color: _contract.contract.colors.anchorVisited
-});
-
-/* Scrollbar */
-
-var triangles = {
-  horizontal: {
-    decrement: (0, _utils.createTriangleSVG)(_contract.contract.colors.materialText, 90),
-    increment: (0, _utils.createTriangleSVG)(_contract.contract.colors.materialText, 270)
-  },
-  vertical: {
-    decrement: (0, _utils.createTriangleSVG)(_contract.contract.colors.materialText, 180),
-    increment: (0, _utils.createTriangleSVG)(_contract.contract.colors.materialText, 0)
-  }
-};
-(0, _css.globalStyle)('::-webkit-scrollbar', {
-  width: _contract.contract.space[17],
-  height: _contract.contract.space[17]
-});
-(0, _css.globalStyle)('::-webkit-scrollbar-track', {
-  backgroundImage: ["linear-gradient(45deg, ".concat(_contract.contract.colors.material, " 25%, transparent 25%, transparent 75%, ").concat(_contract.contract.colors.material, " 75%)"), "linear-gradient(45deg, ".concat(_contract.contract.colors.material, " 25%, transparent 25%, transparent 75%, ").concat(_contract.contract.colors.material, " 75%)")].join(','),
-  backgroundColor: _contract.contract.colors.borderLightest,
-  backgroundSize: "".concat(_contract.contract.space[4], " ").concat(_contract.contract.space[4]),
-  backgroundPosition: "0 0, ".concat(_contract.contract.space[2], " ").concat(_contract.contract.space[2])
-});
-(0, _css.globalStyle)('::-webkit-scrollbar-corner', {
-  backgroundColor: _contract.contract.colors.material
-});
-(0, _css.globalStyle)("::-webkit-scrollbar-button:horizontal:increment:start,\n  ::-webkit-scrollbar-button:horizontal:decrement:end,\n  ::-webkit-scrollbar-button:vertical:increment:start,\n  ::-webkit-scrollbar-button:vertical:decrement:end", {
-  display: 'none'
-});
-(0, _css.globalStyle)('::-webkit-scrollbar-button:horizontal:decrement', {
-  backgroundImage: triangles.horizontal.decrement
-});
-(0, _css.globalStyle)('::-webkit-scrollbar-button:horizontal:increment', {
-  backgroundImage: triangles.horizontal.increment
-});
-(0, _css.globalStyle)('::-webkit-scrollbar-button:vertical:decrement', {
-  backgroundImage: triangles.vertical.decrement
-});
-(0, _css.globalStyle)('::-webkit-scrollbar-button:vertical:increment', {
-  backgroundImage: triangles.vertical.increment
-});
-var scrollbarBorderBase = (0, _utils.createBorder)({
-  direction: 'extrude',
-  outerBottomRight: _contract.contract.colors.borderDarkest,
-  innerBottomRight: _contract.contract.colors.borderDark,
-  outerTopLeft: _contract.contract.colors.borderLight,
-  innerTopLeft: _contract.contract.colors.borderLightest
-});
-(0, _css.globalStyle)('::-webkit-scrollbar-thumb', _objectSpread({
-  boxSizing: 'border-box',
-  display: 'inline-block',
-  background: _contract.contract.colors.material,
-  color: _contract.contract.colors.materialText
-}, scrollbarBorderBase));
-(0, _css.globalStyle)('::-webkit-scrollbar-button', _objectSpread({
-  boxSizing: 'border-box',
-  background: _contract.contract.colors.material,
-  color: _contract.contract.colors.materialText,
-  display: 'block',
-  outlineOffset: _cssUtils.calc.negate(_contract.contract.space[2]),
-  height: _contract.contract.space[17],
-  width: _contract.contract.space[17],
-  backgroundRepeat: 'no-repeat',
-  backgroundSize: '80%',
-  backgroundPosition: '0 0'
-}, scrollbarBorderBase));
-(0, _css.globalStyle)("::-webkit-scrollbar-button:active,\n  ::-webkit-scrollbar-button:active", _objectSpread({
-  backgroundPosition: '0 1'
-}, scrollbarBorderBase));
+/* empty css                                  */