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

package/esm/TaskBar/TaskBar.css.js

@@ -1,76 +1,12 @@
-import { globalStyle, style } from '@vanilla-extract/css';
-import { recipe } from '@vanilla-extract/recipes';
-import { contract } from '../themes/contract.css';
-import { calc } from '@vanilla-extract/css-utils';
-export var truncate = style({
-  overflow: 'hidden',
-  display: '-webkit-box',
-  WebkitLineClamp: '1',
-  WebkitBoxOrient: 'vertical',
-  textAlign: 'left'
-});
-export var tooltip = style({});
-globalStyle("".concat(tooltip, " div:first-child"), {
-  right: 0
-});
-export var windowsButton = recipe({
-  base: {
-    display: 'inline-flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    backgroundColor: contract.colors.material,
-    paddingBlock: contract.space[2],
-    paddingInline: contract.space[3],
-    marginRight: contract.space[2],
-    maxWidth: '150px',
-    border: 'none',
-    outline: 'none'
-  },
-  variants: {
-    small: {
-      "true": {
-        paddingInline: contract.space[5]
-      },
-      "false": {
-        width: '100%'
-      }
-    },
-    active: {
-      "true": {
-        boxShadow: contract.shadows["in"]
-      },
-      "false": {
-        boxShadow: contract.shadows.out
-      }
-    }
-  },
-  compoundVariants: [{
-    variants: {
-      active: true,
-      small: true
-    },
-    style: {
-      paddingTop: contract.space[4],
-      paddingBottom: contract.space[0],
-      outline: "".concat(contract.space[1], " dotted ").concat(contract.colors.borderDarkest),
-      outlineOffset: calc.negate(contract.space[4])
-    }
-  }, {
-    variants: {
-      active: true,
-      small: false
-    },
-    style: {
-      backgroundColor: contract.colors.borderLighter
-    }
-  }]
-});
-export var icon = style({});
-globalStyle("".concat(icon, " svg"), {
-  marginTop: contract.space[4],
-  marginRight: contract.space[4],
-  minWidth: contract.space[2],
-  width: contract.space[20],
-  height: contract.space[20],
-  shapeRendering: 'auto'
-});
+import './TaskBar.css.ts.vanilla.css';
+/* empty css                            */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var icon = "r95_1ct83mo9";
+var tooltip = "r95_1ct83mo1";
+var truncate = "r95_1ct83mo0";
+var windowsButton = createRuntimeFn({ defaultClassName: "r95_1ct83mo2", variantClassNames: { small: { true: "r95_1ct83mo3", false: "r95_1ct83mo4" }, active: { true: "r95_1ct83mo5", false: "r95_1ct83mo6" } }, defaultVariants: {}, compoundVariants: [[{ active: true, small: true }, "r95_1ct83mo7"], [{ active: true, small: false }, "r95_1ct83mo8"]] });
+export {
+  icon,
+  tooltip,
+  truncate,
+  windowsButton
+};

package/esm/TaskBar/TaskBar.css.ts.vanilla.css

@@ -0,0 +1,51 @@
+.r95_1ct83mo0 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-align: left;
+}
+.r95_1ct83mo1 div:first-child {
+  right: 0;
+}
+.r95_1ct83mo2 {
+  display: inline-flex;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: var(--r95-color-material);
+  padding-block: var(--r95-space-2);
+  padding-inline: var(--r95-space-3);
+  margin-right: var(--r95-space-2);
+  max-width: 150px;
+  border: none;
+  outline: none;
+}
+.r95_1ct83mo3 {
+  padding-inline: var(--r95-space-5);
+}
+.r95_1ct83mo4 {
+  width: 100%;
+}
+.r95_1ct83mo5 {
+  box-shadow: var(--r95-shadow-in);
+}
+.r95_1ct83mo6 {
+  box-shadow: var(--r95-shadow-out);
+}
+.r95_1ct83mo7 {
+  padding-top: var(--r95-space-4);
+  padding-bottom: var(--r95-space-0);
+  outline: var(--r95-space-1) dotted var(--r95-color-borderDarkest);
+  outline-offset: calc(var(--r95-space-4) * -1);
+}
+.r95_1ct83mo8 {
+  background-color: var(--r95-color-borderLighter);
+}
+.r95_1ct83mo9 svg {
+  margin-top: var(--r95-space-4);
+  margin-right: var(--r95-space-4);
+  min-width: var(--r95-space-2);
+  width: var(--r95-space-20);
+  height: var(--r95-space-20);
+  shape-rendering: auto;
+}

package/esm/TaskBar/TaskBar.js

@@ -1,83 +1,74 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { forwardRef, useContext, useState } from 'react';
-import { ModalContext } from '../Modal';
-import Frame from '../Frame';
-import { Clock } from './Clock';
-import { WindowButton } from './WindowButton';
-import { Logo } from '@react95/icons';
-import { truncate } from './TaskBar.css';
-export var TaskBar = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var list = _ref.list;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showList = _useState2[0],
-    toggleShowList = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activeStart = _useState4[0],
-    toggleActiveStart = _useState4[1];
-  var _useContext = useContext(ModalContext),
-    windows = _useContext.windows,
-    activeWindow = _useContext.activeWindow,
-    setActiveWindow = _useContext.setActiveWindow;
-  return /*#__PURE__*/React.createElement(Frame, {
-    position: "fixed",
-    bottom: "0px",
-    left: "0px",
-    right: "0px",
-    display: "flex",
-    justifyContent: "space-between",
-    h: "28px",
-    w: "100%",
-    padding: "$2",
-    zIndex: "$taskbar",
-    backgroundColor: "$material",
-    boxShadow: "$out",
-    ref: ref
-  }, showList && /*#__PURE__*/React.createElement(Frame, {
-    position: "absolute",
-    bottom: "28px",
-    onClick: function onClick() {
-      toggleActiveStart(false);
-      toggleShowList(false);
-    }
-  }, list), /*#__PURE__*/React.createElement(WindowButton, {
-    small: true,
-    icon: /*#__PURE__*/React.createElement(Logo, {
-      variant: "32x32_4"
-    }),
-    active: activeStart,
-    onClick: function onClick() {
-      toggleActiveStart(!activeStart);
-      toggleShowList(!showList);
-    }
-  }, "Start"), /*#__PURE__*/React.createElement(Frame, {
-    w: "100%",
-    paddingLeft: "$0",
-    ml: "$2",
-    display: "flex"
-  }, Object.entries(windows).map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      windowId = _ref3[0],
-      _ref3$ = _ref3[1],
-      icon = _ref3$.icon,
-      title = _ref3$.title,
-      hasButton = _ref3$.hasButton;
-    return hasButton && /*#__PURE__*/React.createElement(WindowButton, {
-      key: windowId,
-      icon: icon,
-      active: windowId === activeWindow,
-      onClick: function onClick() {
-        return setActiveWindow(windowId);
+import React__default, { forwardRef, useState, useContext } from "react";
+import { ModalContext } from "../Modal/ModalContext.js";
+import { Frame } from "../Frame/Frame.js";
+import { Clock } from "./Clock.js";
+import { WindowButton } from "./WindowButton.js";
+import { Logo } from "@react95/icons";
+import { truncate } from "./TaskBar.css.js";
+const TaskBar = forwardRef(
+  ({ list }, ref) => {
+    const [showList, toggleShowList] = useState(false);
+    const [activeStart, toggleActiveStart] = useState(false);
+    const { windows, activeWindow, setActiveWindow } = useContext(ModalContext);
+    return /* @__PURE__ */ React__default.createElement(
+      Frame,
+      {
+        position: "fixed",
+        bottom: "0px",
+        left: "0px",
+        right: "0px",
+        display: "flex",
+        justifyContent: "space-between",
+        h: "28px",
+        w: "100%",
+        padding: "$2",
+        zIndex: "$taskbar",
+        backgroundColor: "$material",
+        boxShadow: "$out",
+        ref
       },
-      small: false
-    }, /*#__PURE__*/React.createElement("div", {
-      className: truncate
-    }, title));
-  })), /*#__PURE__*/React.createElement(Clock, null));
-});
+      showList && /* @__PURE__ */ React__default.createElement(
+        Frame,
+        {
+          position: "absolute",
+          bottom: "28px",
+          onClick: () => {
+            toggleActiveStart(false);
+            toggleShowList(false);
+          }
+        },
+        list
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        WindowButton,
+        {
+          small: true,
+          icon: /* @__PURE__ */ React__default.createElement(Logo, { variant: "32x32_4" }),
+          active: activeStart,
+          onClick: () => {
+            toggleActiveStart(!activeStart);
+            toggleShowList(!showList);
+          }
+        },
+        "Start"
+      ),
+      /* @__PURE__ */ React__default.createElement(Frame, { w: "100%", paddingLeft: "$0", ml: "$2", display: "flex" }, Object.entries(windows).map(
+        ([windowId, { icon, title, hasButton }]) => hasButton && /* @__PURE__ */ React__default.createElement(
+          WindowButton,
+          {
+            key: windowId,
+            icon,
+            active: windowId === activeWindow,
+            onClick: () => setActiveWindow(windowId),
+            small: false
+          },
+          /* @__PURE__ */ React__default.createElement("div", { className: truncate }, title)
+        )
+      )),
+      /* @__PURE__ */ React__default.createElement(Clock, null)
+    );
+  }
+);
+export {
+  TaskBar
+};

package/esm/TaskBar/WindowButton.js

@@ -1,25 +1,17 @@
-var _excluded = ["children", "small", "icon", "active"];
-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; }
-import React, { forwardRef } from 'react';
-import * as styles from './TaskBar.css';
-export var WindowButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$small = _ref.small,
-    small = _ref$small === void 0 ? false : _ref$small,
-    icon = _ref.icon,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("button", _extends({
-    className: styles.windowsButton({
-      active: active,
-      small: small
-    })
-  }, props, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.icon
-  }, icon), children);
-});
+import React__default, { forwardRef } from "react";
+import { windowsButton, icon } from "./TaskBar.css.js";
+const WindowButton = forwardRef(
+  ({ children, small = false, icon: icon$1, active = false, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
+    "button",
+    {
+      className: windowsButton({ active, small }),
+      ...props,
+      ref
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: icon }, icon$1),
+    children
+  )
+);
+export {
+  WindowButton
+};

package/esm/TextArea/TextArea.js

@@ -1,11 +1,9 @@
-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); }
-import * as React from 'react';
-import { Frame } from '../Frame/Frame';
-import { input as textarea } from '../Input/Input.css';
-export var TextArea = /*#__PURE__*/React.forwardRef(function (rest, ref) {
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    ref: ref,
-    className: textarea,
-    as: "textarea"
-  }));
-});
+import * as React from "react";
+import { Frame } from "../Frame/Frame.js";
+import { input } from "../Input/Input.css.js";
+const TextArea = React.forwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: input, as: "textarea" })
+);
+export {
+  TextArea
+};

package/esm/TitleBar/TitleBar.css.js

@@ -1,72 +1,12 @@
-import { globalStyle, style } from '@vanilla-extract/css';
-import { contract } from '../themes/contract.css';
-import { recipe } from '@vanilla-extract/recipes';
-export var optionsBox = style({
-  listStyle: 'none',
-  padding: 0,
-  margin: 0,
-  display: 'flex'
-});
-export var option = style({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  marginLeft: contract.space[2],
-  padding: contract.space[0],
-  width: contract.space[17],
-  height: contract.space[14],
-  minWidth: contract.space[0],
-  fontWeight: 600,
-  fontSize: 10,
-  selectors: {
-    '&:active': {
-      paddingTop: contract.space[1],
-      paddingRight: contract.space[0],
-      paddingBottom: contract.space[0],
-      paddingLeft: contract.space[1],
-      outline: 'none'
-    },
-    '&:first-child': {
-      marginRight: contract.space[0]
-    },
-    '&:focus': {
-      boxShadow: "inset 1px 1px 0px 1px ".concat(contract.colors.borderLightest, ",\n        inset -1px -1px 0px 1px ").concat(contract.colors.borderDark)
-    }
-  }
-});
-export var titleBarBackground = recipe({
-  base: {
-    height: contract.space[20],
-    marginBottom: contract.space[2],
-    padding: contract.space[2],
-    display: 'flex',
-    boxShadow: 'none',
-    userSelect: 'none'
-  },
-  variants: {
-    active: {
-      "true": {
-        background: contract.colors.headerBackground,
-        color: contract.colors.headerText
-      },
-      "false": {
-        background: contract.colors.headerNotActiveBackground,
-        color: contract.colors.headerNotActiveText
-      }
-    }
-  }
-});
-globalStyle("".concat(titleBarBackground.classNames.base, " svg"), {
-  width: contract.space[16],
-  height: contract.space[16],
-  marginRight: contract.space[4]
-});
-export var title = style({
-  flexGrow: 1,
-  lineHeight: '1.4em',
-  margin: '0',
-  fontSize: '1em',
-  textShadow: '0.5px 0px white, 1.5px 0px white',
-  color: 'transparent',
-  letterSpacing: '1px'
-});
+import './TitleBar.css.ts.vanilla.css';
+/* empty css                             */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var option = "r95_1kpzw681";
+var optionsBox = "r95_1kpzw680";
+var title = "r95_1kpzw685";
+var titleBarBackground = createRuntimeFn({ defaultClassName: "r95_1kpzw682", variantClassNames: { active: { true: "r95_1kpzw683", false: "r95_1kpzw684" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  option,
+  optionsBox,
+  title,
+  titleBarBackground
+};

package/esm/TitleBar/TitleBar.css.ts.vanilla.css

@@ -0,0 +1,62 @@
+.r95_1kpzw680 {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+}
+.r95_1kpzw681 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: var(--r95-space-2);
+  padding: var(--r95-space-0);
+  width: var(--r95-space-17);
+  height: var(--r95-space-14);
+  min-width: var(--r95-space-0);
+  font-weight: 600;
+  font-size: 10px;
+}
+.r95_1kpzw681:active {
+  padding-top: var(--r95-space-1);
+  padding-right: var(--r95-space-0);
+  padding-bottom: var(--r95-space-0);
+  padding-left: var(--r95-space-1);
+  outline: none;
+}
+.r95_1kpzw681:first-child {
+  margin-right: var(--r95-space-0);
+}
+.r95_1kpzw681:focus {
+  box-shadow: inset 1px 1px 0px 1px var(--r95-color-borderLightest),
+        inset -1px -1px 0px 1px var(--r95-color-borderDark);
+}
+.r95_1kpzw682 {
+  height: var(--r95-space-20);
+  margin-bottom: var(--r95-space-2);
+  padding: var(--r95-space-2);
+  display: flex;
+  box-shadow: none;
+  user-select: none;
+}
+.r95_1kpzw683 {
+  background: var(--r95-color-headerBackground);
+  color: var(--r95-color-headerText);
+}
+.r95_1kpzw684 {
+  background: var(--r95-color-headerNotActiveBackground);
+  color: var(--r95-color-headerNotActiveText);
+}
+.r95_1kpzw682 svg {
+  width: var(--r95-space-16);
+  height: var(--r95-space-16);
+  margin-right: var(--r95-space-4);
+}
+.r95_1kpzw685 {
+  flex-grow: 1;
+  line-height: 1.4em;
+  margin: 0;
+  font-size: 1em;
+  text-shadow: 0.5px 0px white, 1.5px 0px white;
+  color: transparent;
+  letter-spacing: 1px;
+}

package/esm/TitleBar/TitleBar.js

@@ -1,43 +1,45 @@
-var _excluded = ["children", "title", "icon", "active"];
-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; }
-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); }
-import React from 'react';
-import { Frame } from '../Frame/Frame';
-import * as styles from './TitleBar.css';
-import { button } from '../Button/Button.css';
-import cn from 'classnames';
-var OptionsBox = /*#__PURE__*/React.forwardRef(function (rest, ref) {
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    ref: ref,
-    className: cn(styles.optionsBox, rest.className)
-  }));
-});
-var Option = /*#__PURE__*/React.forwardRef(function (rest, ref) {
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    ref: ref,
-    as: "button",
-    className: cn(styles.option, button, rest.className)
-  }));
-});
-var TitleBarRenderer = function TitleBarRenderer(_ref, ref) {
-  var children = _ref.children,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'UNKNOWN.EXE' : _ref$title,
-    icon = _ref.icon,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? true : _ref$active,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    className: cn(styles.titleBarBackground({
-      active: active
-    }), rest.className),
-    ref: ref
-  }), icon && icon, /*#__PURE__*/React.createElement("div", {
-    className: styles.title
-  }, title), children);
+import React__default from "react";
+import { Frame } from "../Frame/Frame.js";
+import { optionsBox, option, titleBarBackground, title } from "./TitleBar.css.js";
+import { button } from "../Button/Button.css.js";
+import cn from "classnames";
+const OptionsBox = React__default.forwardRef((rest, ref) => /* @__PURE__ */ React__default.createElement(
+  Frame,
+  {
+    ...rest,
+    ref,
+    className: cn(optionsBox, rest.className)
+  }
+));
+const Option = React__default.forwardRef(
+  (rest, ref) => /* @__PURE__ */ React__default.createElement(
+    Frame,
+    {
+      ...rest,
+      ref,
+      as: "button",
+      className: cn(button, option, rest.className)
+    }
+  )
+);
+const TitleBarRenderer = ({ children, title: title$1 = "UNKNOWN.EXE", icon, active = true, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(
+  Frame,
+  {
+    ...rest,
+    className: cn(titleBarBackground({ active }), rest.className),
+    ref
+  },
+  icon && icon,
+  /* @__PURE__ */ React__default.createElement("div", { className: title }, title$1),
+  children
+);
+const TitleBar = Object.assign(
+  React__default.forwardRef(TitleBarRenderer),
+  {
+    Option,
+    OptionsBox
+  }
+);
+export {
+  TitleBar
 };
-export var TitleBar = Object.assign( /*#__PURE__*/React.forwardRef(TitleBarRenderer), {
-  Option: Option,
-  OptionsBox: OptionsBox
-});

package/esm/Tooltip/Tooltip.css.js

@@ -1,25 +1,7 @@
-import { style } from '@vanilla-extract/css';
-import { contract } from '../themes/contract.css';
-import { calc } from '@vanilla-extract/css-utils';
-export var tip = style({
-  background: "radial-gradient(#ff0 20%, transparent 20%) 0 0,\n     radial-gradient(#ff0 20%, transparent 20%) 4px 4px,\n     radial-gradient(rgba(255, 255, 255, 0.1) 20%, transparent 25%) 0 1px,\n     radial-gradient(rgba(255, 255, 255, 0.1) 20%, transparent 25%) 3px 4px",
-  backgroundSize: "".concat(contract.space[7], " ").concat(contract.space[7]),
-  backgroundColor: contract.colors.borderLightest,
-  borderWidth: contract.space[1],
-  borderStyle: 'solid',
-  paddingTop: contract.space[2],
-  paddingRight: contract.space[2],
-  paddingBottom: contract.space[2],
-  paddingLeft: contract.space[4],
-  boxShadow: 'none',
-  position: 'absolute',
-  top: calc.negate(contract.space[20]),
-  textAlign: 'center',
-  zIndex: contract.zIndices.taskbar
-});
-export var wrapper = style({
-  display: 'inline-block',
-  position: 'relative',
-  cursor: 'default',
-  whiteSpace: 'nowrap'
-});
+import './Tooltip.css.ts.vanilla.css';
+/* empty css                            */var tip = "r95_f5whxn0";
+var wrapper = "r95_f5whxn1";
+export {
+  tip,
+  wrapper
+};