initial commit (#1013)

Author: jlsnow301

tgui/packages/tgui/components/ProgressBar.jsx

@@ -29,6 +29,7 @@ export const ProgressBar = (props) => {
   // We permit colors to be in hex format, rgb()/rgba() format,
   // a name for a color-<name> class, or a base CSS class.
   const outerProps = computeBoxProps(rest);
+
   const outerClasses = ['ProgressBar', className, computeBoxClassName(rest)];
   const fillStyles = {
     width: clamp01(scaledValue) * 100 + '%',
@@ -38,8 +39,7 @@ export const ProgressBar = (props) => {
     outerClasses.push('ProgressBar--color--' + effectiveColor);
   } else {
     // Otherwise, set styles directly.
-    outerProps.style =
-      (outerProps.style || '') + `borderClor: ${effectiveColor};`;
+    outerProps.style = { ...outerProps.style, borderColor: effectiveColor };
     fillStyles['backgroundColor'] = effectiveColor;
   }
 

tgui/packages/tgui/package.json

@@ -13,6 +13,7 @@
     "marked": "^4.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "tgui-core": "^1.1.2",
     "tgui-dev-server": "workspace:*",
     "tgui-polyfill": "workspace:*"
   }

tgui/tsconfig.json

@@ -9,7 +9,7 @@
     "jsx": "preserve",
     "lib": ["DOM", "DOM.Iterable", "ESNext", "ScriptHost"],
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "Bundler",
     "noEmit": true,
     "resolveJsonModule": true,
     "skipLibCheck": true,

tgui/webpack.config.js

@@ -59,7 +59,7 @@ module.exports = (env = {}, argv) => {
           ],
         },
         {
-          test: /\.scss$/,
+          test: /\.(s)?css$/,
           use: [
             {
               loader: ExtractCssPlugin.loader,

tgui/yarn.lock

@@ -9573,6 +9573,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"tgui-core@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "tgui-core@npm:1.1.2"
+  peerDependencies:
+    react: ^18.2.0
+    react-dom: ^18.2.0
+  checksum: 10c0/05edc2215daf63bdb126f57aa74e17875784dbe1fadf19f1218dabb17dfffcd63b3c6a1678eb8a5b10b8d325755c1e124f1298350be20af913e9cd0d5a749ec9
+  languageName: node
+  linkType: hard
+
 "tgui-dev-server@workspace:*, tgui-dev-server@workspace:packages/tgui-dev-server":
   version: 0.0.0-use.local
   resolution: "tgui-dev-server@workspace:packages/tgui-dev-server"
@@ -9667,6 +9677,7 @@ __metadata:
     marked: "npm:^4.3.0"
     react: "npm:^18.3.1"
     react-dom: "npm:^18.3.1"
+    tgui-core: "npm:^1.1.2"
     tgui-dev-server: "workspace:*"
     tgui-polyfill: "workspace:*"
   languageName: unknown