tgui-core 1.0.13 → 1.0.14

package/README.md

@@ -1,30 +1,30 @@
-# tgui-core
-
-A collection of utilities and components for the [tgui](https://github.com/tgstation/tgstation) framework.
-
-This package was built to help the various downstream SS13 servers stay up to date with TGUI without having to keep a local version of each file.
-
-You can view the code on [GitHub](https://github.com/jlsnow301/tgui-core).
-
-## Installation
-
-```sh
-yarn add tgui-core
-```
-
-## Usage
-
-```tsx
-import { Button } from 'tgui-core/components/Button';
-import { render } from 'tgui-core/render';
-
-<Button>Click</Button>;
-```
-
-## License
-
-MIT
-
-## Contributing
-
-Contributions are welcome. Please open an issue or a pull request. I am available on the tgstation [discord](https://discord.com/invite/EUvpBtU78X).
+# tgui-core
+
+A collection of utilities and components for the [tgui](https://github.com/tgstation/tgstation) framework.
+
+This package was built to help the various downstream SS13 servers stay up to date with TGUI without having to keep a local version of each file.
+
+You can view the code on [GitHub](https://github.com/jlsnow301/tgui-core).
+
+## Installation
+
+```sh
+yarn add tgui-core
+```
+
+## Usage
+
+```tsx
+import { Button } from 'tgui-core/components/Button';
+import { render } from 'tgui-core/render';
+
+<Button>Click</Button>;
+```
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome. Please open an issue or a pull request. I am available on the tgstation [discord](https://discord.com/invite/EUvpBtU78X).

package/dist/{ProgressBar.module-Jzqlebbx.js → ProgressBar.module-BkAFfFy0.js}

@@ -1,4 +1,4 @@
-import './assets/ProgressBar.css';const _ = "_progressBar_140lk_17", o = "_fill_140lk_29", l = "_fill__animated_140lk_36", r = "_content_140lk_40", c = "_color__default_140lk_47", e = "_color__black_140lk_54", t = "_color__white_140lk_61", n = "_color__red_140lk_68", a = "_color__orange_140lk_75", s = "_color__yellow_140lk_82", k = "_color__olive_140lk_89", g = "_color__green_140lk_96", i = "_color__teal_140lk_103", b = "_color__blue_140lk_110", d = "_color__violet_140lk_117", p = "_color__purple_140lk_124", f = "_color__pink_140lk_131", u = "_color__brown_140lk_138", v = "_color__grey_140lk_145", w = "_color__good_140lk_159", y = "_color__average_140lk_166", h = "_color__bad_140lk_173", m = "_color__label_140lk_180", B = {
+import './assets/ProgressBar.css';const _ = "_progressBar_140lk_17", o = "_fill_140lk_29", l = "_fill__animated_140lk_36", r = "_content_140lk_40", c = "_color__default_140lk_47", e = "_color__black_140lk_54", t = "_color__white_140lk_61", n = "_color__red_140lk_68", a = "_color__orange_140lk_75", s = "_color__yellow_140lk_82", k = "_color__olive_140lk_89", i = "_color__green_140lk_96", g = "_color__teal_140lk_103", b = "_color__blue_140lk_110", d = "_color__violet_140lk_117", p = "_color__purple_140lk_124", f = "_color__pink_140lk_131", u = "_color__brown_140lk_138", v = "_color__grey_140lk_145", w = "_color__good_140lk_159", y = "_color__average_140lk_166", h = "_color__bad_140lk_173", m = "_color__label_140lk_180", B = {
   progressBar: _,
   fill: o,
   fill__animated: l,
@@ -10,8 +10,8 @@ import './assets/ProgressBar.css';const _ = "_progressBar_140lk_17", o = "_fill_
   color__orange: a,
   color__yellow: s,
   color__olive: k,
-  color__green: g,
-  color__teal: i,
+  color__green: i,
+  color__teal: g,
   color__blue: b,
   color__violet: d,
   color__purple: p,
@@ -25,5 +25,5 @@ import './assets/ProgressBar.css';const _ = "_progressBar_140lk_17", o = "_fill_
   color__label: m
 };
 export {
-  B as p
+  B as s
 };

package/dist/assets/Tooltip.css

@@ -0,0 +1 @@
+._tooltip_1pib4_13{z-index:2;padding:.5em .75em;pointer-events:none;text-align:left;transition:opacity .15s ease-out;background-color:#000;color:#fff;box-shadow:.1em .1em 1.25em -.1em #00000080;border-radius:.16em;max-width:20.8333333333em}

package/dist/components/ProgressBar.js

@@ -1,35 +1,35 @@
-import { jsxs as x, jsx as m } from "react/jsx-runtime";
-import { p as s } from "../ProgressBar.module-Jzqlebbx.js";
-import { keyOfMatchingRange as v, toFixed as y, scale as N, clamp01 as S } from "../common/math.js";
+import { jsxs as g, jsx as m } from "react/jsx-runtime";
+import { s as o } from "../ProgressBar.module-BkAFfFy0.js";
+import { keyOfMatchingRange as v, toFixed as y, scale as N, clamp01 as _ } from "../common/math.js";
 import { classes as n } from "../common/react.js";
-import { CSS_COLORS as _ } from "../constants.js";
-import { computeBoxProps as B, computeBoxClassName as O } from "./Box.js";
+import { CSS_COLORS as B } from "../constants.js";
+import { computeBoxProps as S, computeBoxClassName as O } from "./Box.js";
 const w = (d) => {
   const {
-    className: p,
+    className: f,
     value: r,
-    minValue: f = 0,
+    minValue: p = 0,
     maxValue: u = 1,
     color: C,
-    ranges: g = {},
+    ranges: h = {},
     children: l,
     ...t
-  } = d, a = N(r, f, u), h = l !== void 0, o = C || v(r, g) || "default", e = B(t), c = [
-    s.progressBar,
-    p,
+  } = d, a = N(r, p, u), x = l !== void 0, s = C || v(r, h) || "default", e = S(t), c = [
+    o.progressBar,
+    f,
     O(t)
   ], i = {
-    width: S(a) * 100 + "%"
+    width: _(a) * 100 + "%"
   };
-  return _.includes(o) || o === "default" ? c.push(s["color__" + o]) : (e.style = { ...e.style, borderColor: o }, i.backgroundColor = o), /* @__PURE__ */ x("div", { className: n(c), ...e, children: [
+  return B.includes(s) || s === "default" ? c.push(o["color__" + s]) : (e.style = { ...e.style, borderColor: s }, i.backgroundColor = s), /* @__PURE__ */ g("div", { className: n(c), ...e, children: [
     /* @__PURE__ */ m(
       "div",
       {
-        className: n([s.fill, s.fill__animated]),
+        className: n([o.fill, o.fill__animated]),
         style: i
       }
     ),
-    /* @__PURE__ */ m("div", { className: s.content, children: h ? l : y(a * 100) + "%" })
+    /* @__PURE__ */ m("div", { className: o.content, children: x ? l : y(a * 100) + "%" })
   ] });
 };
 export {

package/dist/components/Section.d.ts

@@ -53,7 +53,7 @@ export declare const Section: import('react').ForwardRefExoticComponent<Partial<
     onClick: import('react').MouseEventHandler<HTMLDivElement>;
     onContextMenu: import('react').MouseEventHandler<HTMLDivElement>;
     onDoubleClick: import('react').MouseEventHandler<HTMLDivElement>;
-    onKeyDown: import('react').KeyboardEventHandler<HTMLDivElement>; /** Shows or hides the horizontal scrollbar. */
+    onKeyDown: import('react').KeyboardEventHandler<HTMLDivElement>;
     onKeyUp: import('react').KeyboardEventHandler<HTMLDivElement>;
     onMouseDown: import('react').MouseEventHandler<HTMLDivElement>;
     onMouseMove: import('react').MouseEventHandler<HTMLDivElement>;

package/dist/components/Slider.js

@@ -1,21 +1,21 @@
 import { jsx as s, jsxs as m } from "react/jsx-runtime";
-import { p as e } from "../ProgressBar.module-Jzqlebbx.js";
+import { s as e } from "../ProgressBar.module-BkAFfFy0.js";
 import { keyOfMatchingRange as R, clamp01 as t, scale as f } from "../common/math.js";
 import { classes as _ } from "../common/react.js";
-import { computeBoxClassName as q, computeBoxProps as A } from "./Box.js";
-import { DraggableControl as G } from "./DraggableControl.js";
-import '../assets/Slider.css';const H = "_slider_1assx_9", I = "_cursorOffset_1assx_13", J = "_cursor_1assx_13", K = "_pointer_1assx_30", L = "_popupValue_1assx_41", a = {
-  slider: H,
-  cursorOffset: I,
-  cursor: J,
-  pointer: K,
-  popupValue: L
+import { computeBoxClassName as $, computeBoxProps as q } from "./Box.js";
+import { DraggableControl as A } from "./DraggableControl.js";
+import '../assets/Slider.css';const G = "_slider_1assx_9", H = "_cursorOffset_1assx_13", I = "_cursor_1assx_13", J = "_pointer_1assx_30", K = "_popupValue_1assx_41", a = {
+  slider: G,
+  cursorOffset: H,
+  cursor: I,
+  pointer: J,
+  popupValue: K
 };
-function Z(h) {
+function Y(h) {
   const {
     // Draggable props (passthrough)
-    animated: g,
-    format: v,
+    animated: v,
+    format: g,
     maxValue: o,
     minValue: r,
     onChange: x,
@@ -29,16 +29,16 @@ function Z(h) {
     className: w,
     fillValue: l,
     color: M,
-    ranges: S = {},
+    ranges: B = {},
     children: i,
     ...c
-  } = h, B = i !== void 0;
+  } = h, F = i !== void 0;
   return /* @__PURE__ */ s(
-    G,
+    A,
     {
       dragMatrix: [1, 0],
-      animated: g,
-      format: v,
+      animated: v,
+      format: g,
       maxValue: o,
       minValue: r,
       onChange: x,
@@ -48,7 +48,7 @@ function Z(h) {
       suppressFlicker: C,
       unit: D,
       value: O,
-      children: (F) => {
+      children: (S) => {
         const {
           displayElement: n,
           displayValue: p,
@@ -56,11 +56,11 @@ function Z(h) {
           handleDragStart: k,
           inputElement: E,
           value: P
-        } = F, b = l != null, u = f(
+        } = S, b = l != null, u = f(
           l ?? p,
           r,
           o
-        ), d = f(p, r, o), z = M || R(l ?? P, S) || "default";
+        ), d = f(p, r, o), z = M || R(l ?? P, B) || "default";
         return /* @__PURE__ */ m(
           "div",
           {
@@ -69,9 +69,9 @@ function Z(h) {
               e.progressBar,
               e["color__" + z],
               w,
-              q(c)
+              $(c)
             ]),
-            ...A(c),
+            ...q(c),
             onMouseDown: k,
             children: [
               /* @__PURE__ */ s(
@@ -110,7 +110,7 @@ function Z(h) {
                   ]
                 }
               ),
-              /* @__PURE__ */ s("div", { className: e.content, children: B ? i : n }),
+              /* @__PURE__ */ s("div", { className: e.content, children: F ? i : n }),
               E
             ]
           }
@@ -120,5 +120,5 @@ function Z(h) {
   );
 }
 export {
-  Z as Slider
+  Y as Slider
 };

package/dist/components/TextArea.d.ts

@@ -32,7 +32,8 @@ export declare const TextArea: import('react').ForwardRefExoticComponent<Partial
     onKeyDown: import('react').KeyboardEventHandler<HTMLDivElement>;
     onKeyUp: import('react').KeyboardEventHandler<HTMLDivElement>;
     onMouseDown: import('react').MouseEventHandler<HTMLDivElement>;
-    onMouseMove: import('react').MouseEventHandler<HTMLDivElement>; /** Fires once the enter key is pressed */
+    onMouseMove: import('react').MouseEventHandler<HTMLDivElement>;
+    /** Fires once the enter key is pressed */
     onMouseOver: import('react').MouseEventHandler<HTMLDivElement>;
     onMouseUp: import('react').MouseEventHandler<HTMLDivElement>;
     onScroll: import('react').UIEventHandler<HTMLDivElement>;

package/dist/components/Tooltip.js

@@ -1,18 +1,20 @@
-var s = Object.defineProperty;
-var p = (r, e, t) => e in r ? s(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var o = (r, e, t) => (p(r, typeof e != "symbol" ? e + "" : e, t), t);
+import '../assets/Tooltip.css';var s = Object.defineProperty;
+var p = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var r = (o, e, t) => (p(o, typeof e != "symbol" ? e + "" : e, t), t);
 import { jsx as l } from "react/jsx-runtime";
 import { Component as c } from "react";
 import { findDOMNode as m, render as a } from "react-dom";
 import { c as u } from "../popper-Dm3m9eeZ.js";
-const i = {
+const h = "_tooltip_1pib4_13", f = {
+  tooltip: h
+}, i = {
   modifiers: [
     {
       name: "eventListeners",
       enabled: !1
     }
   ]
-}, h = {
+}, v = {
   width: 0,
   height: 0,
   top: 0,
@@ -30,7 +32,7 @@ const i = {
     const e = this.getDOMNode();
     e && (e.addEventListener("mouseenter", () => {
       let t = n.renderedTooltip;
-      t === void 0 && (t = document.createElement("div"), t.className = "toolTip", document.body.appendChild(t), n.renderedTooltip = t), n.currentHoveredElement = e, t.style.opacity = "1", this.renderPopperContent();
+      t === void 0 && (t = document.createElement("div"), t.className = f.tooltip, document.body.appendChild(t), n.renderedTooltip = t), n.currentHoveredElement = e, t.style.opacity = "1", this.renderPopperContent();
     }), e.addEventListener("mouseleave", () => {
       this.fadeOut();
     }));
@@ -69,10 +71,10 @@ const i = {
 // Thus, instead of using the Popper component, Tooltip creates ONE popper
 // and stores every tooltip inside that.
 // This means you can never have two tooltips at once, for instance.
-o(n, "renderedTooltip"), o(n, "singletonPopper"), o(n, "currentHoveredElement"), o(n, "virtualElement", {
+r(n, "renderedTooltip"), r(n, "singletonPopper"), r(n, "currentHoveredElement"), r(n, "virtualElement", {
   getBoundingClientRect: () => {
     var e;
-    return ((e = n.currentHoveredElement) == null ? void 0 : e.getBoundingClientRect()) ?? h;
+    return ((e = n.currentHoveredElement) == null ? void 0 : e.getBoundingClientRect()) ?? v;
   }
 });
 let d = n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tgui-core",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "TGUI core component library",
   "keywords": [
     "TGUI",