tgui-core 1.1.11 → 1.1.13

package/lib/styles/components/Knob.module.scss.d.ts

@@ -1,33 +0,0 @@
-declare const classNames: {
-  readonly bipolar: 'bipolar';
-  readonly circle: 'circle';
-  readonly color__average: 'color__average';
-  readonly color__bad: 'color__bad';
-  readonly color__black: 'color__black';
-  readonly color__blue: 'color__blue';
-  readonly color__brown: 'color__brown';
-  readonly color__good: 'color__good';
-  readonly color__green: 'color__green';
-  readonly color__grey: 'color__grey';
-  readonly color__label: 'color__label';
-  readonly 'color__light-grey': 'color__light-grey';
-  readonly color__olive: 'color__olive';
-  readonly color__orange: 'color__orange';
-  readonly color__pink: 'color__pink';
-  readonly color__purple: 'color__purple';
-  readonly color__red: 'color__red';
-  readonly color__teal: 'color__teal';
-  readonly color__violet: 'color__violet';
-  readonly color__white: 'color__white';
-  readonly color__yellow: 'color__yellow';
-  readonly cursor: 'cursor';
-  readonly cursorBox: 'cursorBox';
-  readonly knob: 'knob';
-  readonly popupValue: 'popupValue';
-  readonly ring: 'ring';
-  readonly ringFill: 'ringFill';
-  readonly ringFillPivot: 'ringFillPivot';
-  readonly ringTrack: 'ringTrack';
-  readonly ringTrackPivot: 'ringTrackPivot';
-};
-export = classNames;

package/lib/styles/components/LabeledList.module.scss

@@ -1,49 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use '../base.scss';
-
-.labeledList {
-  display: table;
-  // IE8: Does not support calc
-  width: 100%;
-  // Compensate for negative margin
-  width: calc(100% + 1em);
-  border-collapse: collapse;
-  border-spacing: 0;
-  margin: -0.25em -0.5em;
-  margin-bottom: 0;
-  padding: 0;
-}
-
-.row {
-  display: table-row;
-}
-
-.row:last-child .cell {
-  padding-bottom: 0;
-}
-
-.cell {
-  display: table-cell;
-  margin: 0;
-  padding: 0.25em 0.5em;
-  border: 0;
-  text-align: left;
-}
-
-.label__nowrap {
-  width: 1%;
-  white-space: nowrap;
-  min-width: 5em;
-}
-
-.buttons {
-  width: 0.1%;
-  white-space: nowrap;
-  text-align: right;
-  padding-top: base.em(1px);
-  padding-bottom: 0;
-}

package/lib/styles/components/LabeledList.module.scss.d.ts

@@ -1,8 +0,0 @@
-declare const classNames: {
-  readonly buttons: 'buttons';
-  readonly cell: 'cell';
-  readonly label__nowrap: 'label__nowrap';
-  readonly labeledList: 'labeledList';
-  readonly row: 'row';
-};
-export = classNames;

package/lib/styles/components/MenuBar.module.scss

@@ -1,75 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use '../base.scss';
-
-$separator-color: base.$color-bg-section;
-$background-color: base.$color-bg !default;
-$dropdown-z-index: 5;
-
-.menuBar {
-  display: flex;
-}
-
-.font {
-  font-family: Verdana, sans-serif;
-  font-size: base.em(12px);
-  line-height: base.em(17px);
-}
-
-.hover {
-  &:hover {
-    background-color: lighten($background-color, 30%);
-    transition: background-color 0ms;
-  }
-}
-
-.button {
-  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
-}
-
-.menu {
-  position: absolute;
-  z-index: $dropdown-z-index;
-  background-color: $background-color;
-  padding: 0.3rem 0.3rem 0.3rem 0.3rem;
-  box-shadow: 4px 6px 5px -2px rgba(0, 0, 0, 0.55);
-}
-
-.item {
-  z-index: $dropdown-z-index;
-  transition: background-color 100ms ease-out;
-  background-color: $background-color;
-  white-space: nowrap;
-  padding: 0.3rem 2rem 0.3rem 3rem;
-}
-
-.toggle {
-  padding: 0.3rem 2rem 0.3rem 0;
-}
-
-.toggle__check {
-  display: inline-block;
-  vertical-align: middle;
-  min-width: 3rem;
-  margin-left: 0.3rem;
-}
-
-.over {
-  top: auto;
-  bottom: 100%;
-}
-
-.button__text {
-  text-overflow: clip;
-  white-space: nowrap;
-  height: base.em(17px);
-}
-
-.separator {
-  display: block;
-  margin: 0.3rem 0.3rem 0.3rem 2.3rem;
-  border-top: 1px solid $separator-color;
-}

package/lib/styles/components/MenuBar.module.scss.d.ts

@@ -1,14 +0,0 @@
-declare const classNames: {
-  readonly button: 'button';
-  readonly button__text: 'button__text';
-  readonly font: 'font';
-  readonly hover: 'hover';
-  readonly item: 'item';
-  readonly menu: 'menu';
-  readonly menuBar: 'menuBar';
-  readonly over: 'over';
-  readonly separator: 'separator';
-  readonly toggle: 'toggle';
-  readonly toggle__check: 'toggle__check';
-};
-export = classNames;

package/lib/styles/components/Modal.module.scss

@@ -1,14 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use '../base.scss';
-
-$background-color: base.$color-bg !default;
-
-.modal {
-  background-color: $background-color;
-  max-width: calc(100% - 1rem);
-  padding: 1rem;
-}

package/lib/styles/components/Modal.module.scss.d.ts

@@ -1,4 +0,0 @@
-declare const classNames: {
-  readonly modal: "modal";
-};
-export = classNames;

package/lib/styles/components/NoticeBox.module.scss

@@ -1,65 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use 'sass:color';
-@use '../base.scss';
-@use '../colors.scss';
-@use '../functions.scss' as *;
-
-// NoticeBox
-$background-color: #bb9b68 !default;
-$color-stripes: rgba(0, 0, 0, 0.1) !default;
-$color-border: #272727 !default;
-$bg-map: colors.$bg-map !default;
-
-.noticeBox {
-  // Adapt text color to background luminance to ensure high contast
-  $luminance: luminance($background-color);
-  $text-color: if($luminance > 0.35, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1));
-
-  padding: 0.33em 0.5em;
-  margin-bottom: 0.5em;
-  box-shadow: none;
-  font-weight: bold;
-  font-style: italic;
-  color: $text-color;
-  background-color: $background-color;
-  background-image: repeating-linear-gradient(
-    -45deg,
-    transparent,
-    transparent base.em(10px),
-    $color-stripes base.em(10px),
-    $color-stripes base.em(20px)
-  );
-}
-
-@mixin box-color($color) {
-  $luminance: luminance($color);
-  $text-color: if($luminance > 0.35, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1));
-  color: $text-color;
-  background-color: color.adjust($color, $saturation: -15%, $lightness: -15%);
-}
-
-@each $color-name, $color-value in $bg-map {
-  .color__#{$color-name} {
-    @include box-color($color-value);
-  }
-}
-
-.info {
-  @include box-color(colors.$blue);
-}
-
-.success {
-  @include box-color(colors.$green);
-}
-
-.warning {
-  @include box-color(colors.$orange);
-}
-
-.danger {
-  @include box-color(colors.$red);
-}

package/lib/styles/components/NoticeBox.module.scss.d.ts

@@ -1,27 +0,0 @@
-declare const classNames: {
-  readonly color__average: 'color__average';
-  readonly color__bad: 'color__bad';
-  readonly color__black: 'color__black';
-  readonly color__blue: 'color__blue';
-  readonly color__brown: 'color__brown';
-  readonly color__good: 'color__good';
-  readonly color__green: 'color__green';
-  readonly color__grey: 'color__grey';
-  readonly color__label: 'color__label';
-  readonly 'color__light-grey': 'color__light-grey';
-  readonly color__olive: 'color__olive';
-  readonly color__orange: 'color__orange';
-  readonly color__pink: 'color__pink';
-  readonly color__purple: 'color__purple';
-  readonly color__red: 'color__red';
-  readonly color__teal: 'color__teal';
-  readonly color__violet: 'color__violet';
-  readonly color__white: 'color__white';
-  readonly color__yellow: 'color__yellow';
-  readonly danger: 'danger';
-  readonly info: 'info';
-  readonly noticeBox: 'noticeBox';
-  readonly success: 'success';
-  readonly warning: 'warning';
-};
-export = classNames;

package/lib/styles/components/NumberInput.module.scss

@@ -1,71 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use 'sass:color';
-@use '../base.scss';
-@use '../functions.scss' as *;
-@use '../input.scss';
-
-.numberInput {
-  position: relative;
-  display: inline-block;
-  border: base.em(1px) solid input.$border-color;
-  border: base.em(1px) solid rgba(input.$border-color, 0.75);
-  border-radius: input.$border-radius;
-  color: input.$border-color;
-  background-color: input.$background-color;
-  padding: 0 base.em(4px);
-  margin-right: base.em(2px);
-  line-height: base.em(17px);
-  text-align: right;
-  overflow: visible;
-  cursor: n-resize;
-}
-
-.fluid {
-  display: block;
-}
-
-.content {
-  margin-left: 0.5em;
-}
-
-.barContainer {
-  position: absolute;
-  top: base.em(2px);
-  bottom: base.em(2px);
-  left: base.em(2px);
-}
-
-.bar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: base.em(3px);
-  box-sizing: border-box;
-  border-bottom: base.em(1px) solid input.$border-color;
-  background-color: input.$border-color;
-}
-
-.inner {
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border: 0;
-  outline: 0;
-  width: 100%;
-  font-size: base.em(12px);
-  line-height: base.em(17px);
-  height: base.em(17px);
-  margin: 0;
-  padding: 0 0.5em;
-  font-family: Verdana, sans-serif;
-  background-color: input.$background-color;
-  color: input.$text-color;
-  text-align: right;
-}

package/lib/styles/components/NumberInput.module.scss.d.ts

@@ -1,9 +0,0 @@
-declare const classNames: {
-  readonly bar: 'bar';
-  readonly barContainer: 'barContainer';
-  readonly content: 'content';
-  readonly fluid: 'fluid';
-  readonly inner: 'inner';
-  readonly numberInput: 'numberInput';
-};
-export = classNames;

package/lib/styles/components/ProgressBar.module.scss

@@ -1,63 +0,0 @@
-/**
- * Copyright (c) 2020 Aleksej Komarov
- * SPDX-License-Identifier: MIT
- */
-
-@use '../base.scss';
-@use '../colors.scss';
-@use '../functions.scss' as *;
-
-$color-default-fill: colors.bg(colors.$primary) !default;
-$background-color: rgba(0, 0, 0, 0) !default;
-$border-radius: base.$border-radius !default;
-$bg-map: colors.$bg-map !default;
-
-.progressBar {
-  display: inline-block;
-  position: relative;
-  width: 100%;
-  padding: 0 0.5em;
-  border-width: base.em(1px) !important;
-  border-style: solid !important;
-  border-radius: $border-radius;
-  background-color: $background-color;
-  transition: border-color 900ms ease-out;
-}
-
-.fill {
-  position: absolute;
-  top: -0.5px;
-  left: 0px;
-  bottom: -0.5px;
-}
-
-.fill__animated {
-  transition:
-    background-color 900ms ease-out,
-    width 900ms ease-out;
-}
-
-.content {
-  position: relative;
-  line-height: base.em(17px);
-  width: 100%;
-  text-align: right;
-}
-
-.color__default {
-  border: base.em(1px) solid $color-default-fill;
-
-  .fill {
-    background-color: $color-default-fill;
-  }
-}
-
-@each $color-name, $color-value in $bg-map {
-  .color__#{$color-name} {
-    border-color: $color-value !important;
-
-    .fill {
-      background-color: $color-value;
-    }
-  }
-}

package/lib/styles/components/ProgressBar.module.scss.d.ts

@@ -1,27 +0,0 @@
-declare const classNames: {
-  readonly color__average: 'color__average';
-  readonly color__bad: 'color__bad';
-  readonly color__black: 'color__black';
-  readonly color__blue: 'color__blue';
-  readonly color__brown: 'color__brown';
-  readonly color__default: 'color__default';
-  readonly color__good: 'color__good';
-  readonly color__green: 'color__green';
-  readonly color__grey: 'color__grey';
-  readonly color__label: 'color__label';
-  readonly 'color__light-grey': 'color__light-grey';
-  readonly color__olive: 'color__olive';
-  readonly color__orange: 'color__orange';
-  readonly color__pink: 'color__pink';
-  readonly color__purple: 'color__purple';
-  readonly color__red: 'color__red';
-  readonly color__teal: 'color__teal';
-  readonly color__violet: 'color__violet';
-  readonly color__white: 'color__white';
-  readonly color__yellow: 'color__yellow';
-  readonly content: 'content';
-  readonly fill: 'fill';
-  readonly fill__animated: 'fill__animated';
-  readonly progressBar: 'progressBar';
-};
-export = classNames;

package/lib/styles/components/RoundGauge.module.scss

@@ -1,85 +0,0 @@
-/**
- * Copyright (c) 2020 bobbahbrown (https://github.com/bobbahbrown)
- * SPDX-License-Identifier: MIT
- */
-
-@use '../base.scss';
-@use '../colors.scss';
-@use '../functions.scss' as *;
-
-$fg-map: colors.$fg-map !default;
-$ring-color: #6a96c9 !default;
-
-.roundGauge {
-  font-size: 1rem;
-  width: 2.6em;
-  height: 1.3em;
-  margin: 0 auto;
-  margin-bottom: 0.2em;
-}
-
-$pi: 3.1416;
-
-.ringTrack {
-  fill: transparent;
-  stroke: rgba(255, 255, 255, 0.1);
-  stroke-width: 10;
-  stroke-dasharray: 50 * $pi;
-  stroke-dashoffset: 50 * $pi;
-}
-
-.ringFill {
-  fill: transparent;
-  stroke: $ring-color;
-  stroke-width: 10;
-  stroke-dasharray: 100 * $pi;
-  transition: stroke 50ms ease-out;
-}
-
-.needle,
-.ringFill {
-  transition: transform 50ms ease-in-out;
-}
-
-.needleLine,
-.needleMiddle {
-  fill: colors.$bad;
-}
-
-.alert {
-  fill-rule: evenodd;
-  clip-rule: evenodd;
-  stroke-linejoin: round;
-  stroke-miterlimit: 2;
-  fill: rgba(255, 255, 255, 0.1);
-}
-
-.alert.max {
-  fill: colors.$bad;
-}
-
-@each $color-name, $color-value in $fg-map {
-  .color__#{$color-name}.ringFill {
-    stroke: $color-value;
-  }
-}
-
-@each $color-name, $color-value in $fg-map {
-  .alert__#{$color-name} {
-    fill: $color-value;
-    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
-    animation: alertAnim 1s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
-  }
-}
-
-@keyframes alertAnim {
-  0% {
-    opacity: 0.1;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.1;
-  }
-}

package/lib/styles/components/RoundGauge.module.scss.d.ts

@@ -1,49 +0,0 @@
-declare const classNames: {
-  readonly alert: 'alert';
-  readonly alert__average: 'alert__average';
-  readonly alert__bad: 'alert__bad';
-  readonly alert__black: 'alert__black';
-  readonly alert__blue: 'alert__blue';
-  readonly alert__brown: 'alert__brown';
-  readonly alert__good: 'alert__good';
-  readonly alert__green: 'alert__green';
-  readonly alert__grey: 'alert__grey';
-  readonly alert__label: 'alert__label';
-  readonly 'alert__light-grey': 'alert__light-grey';
-  readonly alert__olive: 'alert__olive';
-  readonly alert__orange: 'alert__orange';
-  readonly alert__pink: 'alert__pink';
-  readonly alert__purple: 'alert__purple';
-  readonly alert__red: 'alert__red';
-  readonly alert__teal: 'alert__teal';
-  readonly alert__violet: 'alert__violet';
-  readonly alert__white: 'alert__white';
-  readonly alert__yellow: 'alert__yellow';
-  readonly color__average: 'color__average';
-  readonly color__bad: 'color__bad';
-  readonly color__black: 'color__black';
-  readonly color__blue: 'color__blue';
-  readonly color__brown: 'color__brown';
-  readonly color__good: 'color__good';
-  readonly color__green: 'color__green';
-  readonly color__grey: 'color__grey';
-  readonly color__label: 'color__label';
-  readonly 'color__light-grey': 'color__light-grey';
-  readonly color__olive: 'color__olive';
-  readonly color__orange: 'color__orange';
-  readonly color__pink: 'color__pink';
-  readonly color__purple: 'color__purple';
-  readonly color__red: 'color__red';
-  readonly color__teal: 'color__teal';
-  readonly color__violet: 'color__violet';
-  readonly color__white: 'color__white';
-  readonly color__yellow: 'color__yellow';
-  readonly max: 'max';
-  readonly needle: 'needle';
-  readonly needleLine: 'needleLine';
-  readonly needleMiddle: 'needleMiddle';
-  readonly ringFill: 'ringFill';
-  readonly ringTrack: 'ringTrack';
-  readonly roundGauge: 'roundGauge';
-};
-export = classNames;