Sort and remove unnecessary var

+Bumb ver

lib/components/ImageButton.tsx

@@ -4,12 +4,11 @@
  * @license MIT
  */
 
-import styles from '../styles/components/ImageButton.module.scss';
-
 import { Placement } from '@popperjs/core';
-import { BooleanLike, classes } from '../common/react';
 import { ReactNode } from 'react';
 
+import { BooleanLike, classes } from '../common/react';
+import styles from '../styles/components/ImageButton.module.scss';
 import { BoxProps, computeBoxProps } from './Box';
 import { DmIcon } from './DmIcon';
 import { Icon } from './Icon';

lib/styles/components/ImageButton.module.scss

@@ -11,7 +11,6 @@
 $color-default: colors.bg(base.$color-bg-section) !default;
 $color-disabled: #631d1d !default;
 $color-selected: colors.bg(colors.$green) !default;
-$color-content: colors.$primary !default;
 $color-divider: rgba(255, 255, 255, 0.1) !default;
 $divider-thickness: base.em(2px) !default;
 $bg-map: colors.$bg-map !default;

lib/styles/components/ImageButton.module.scss.d.ts

@@ -1,89 +1,105 @@
 declare const classNames: {
   readonly ImageButton: "ImageButton";
-  readonly image: "image";
-  readonly content: "content";
-  readonly noAction: "noAction";
-  readonly container: "container";
-  readonly hasButtons: "hasButtons";
-  readonly buttonsContainer: "buttonsContainer";
   readonly buttonsAltContainer: "buttonsAltContainer";
+  readonly buttonsContainer: "buttonsContainer";
+  readonly buttonsContainerColor__average: "buttonsContainerColor__average";
+  readonly buttonsContainerColor__bad: "buttonsContainerColor__bad";
+  readonly buttonsContainerColor__black: "buttonsContainerColor__black";
+  readonly buttonsContainerColor__blue: "buttonsContainerColor__blue";
+  readonly buttonsContainerColor__brown: "buttonsContainerColor__brown";
+  readonly buttonsContainerColor__caution: "buttonsContainerColor__caution";
+  readonly buttonsContainerColor__danger: "buttonsContainerColor__danger";
+  readonly buttonsContainerColor__default: "buttonsContainerColor__default";
+  readonly buttonsContainerColor__good: "buttonsContainerColor__good";
+  readonly buttonsContainerColor__green: "buttonsContainerColor__green";
+  readonly buttonsContainerColor__grey: "buttonsContainerColor__grey";
+  readonly "buttonsContainerColor__light-grey": "buttonsContainerColor__light-grey";
+  readonly buttonsContainerColor__olive: "buttonsContainerColor__olive";
+  readonly buttonsContainerColor__orange: "buttonsContainerColor__orange";
+  readonly buttonsContainerColor__pink: "buttonsContainerColor__pink";
+  readonly buttonsContainerColor__purple: "buttonsContainerColor__purple";
+  readonly buttonsContainerColor__red: "buttonsContainerColor__red";
+  readonly buttonsContainerColor__teal: "buttonsContainerColor__teal";
+  readonly buttonsContainerColor__violet: "buttonsContainerColor__violet";
+  readonly buttonsContainerColor__white: "buttonsContainerColor__white";
+  readonly buttonsContainerColor__yellow: "buttonsContainerColor__yellow";
   readonly buttonsEmpty: "buttonsEmpty";
-  readonly fluid: "fluid";
-  readonly info: "info";
-  readonly title: "title";
-  readonly divider: "divider";
-  readonly contentFluid: "contentFluid";
-  readonly disabled: "disabled";
-  readonly contentDisabled: "contentDisabled";
-  readonly selected: "selected";
-  readonly contentSelected: "contentSelected";
-
-  // Colors
-  readonly color__default: "color__default";
-  readonly colorContent__default: "contentColor__default";
+  readonly colorButtonsContainer__average: "buttonsContainerColor__average";
+  readonly colorButtonsContainer__bad: "buttonsContainerColor__bad";
+  readonly colorButtonsContainer__black: "buttonsContainerColor__black";
+  readonly colorButtonsContainer__blue: "buttonsContainerColor__blue";
+  readonly colorButtonsContainer__brown: "buttonsContainerColor__brown";
+  readonly colorButtonsContainer__caution: "buttonsContainerColor__caution";
+  readonly colorButtonsContainer__danger: "buttonsContainerColor__danger";
   readonly colorButtonsContainer__default: "buttonsContainerColor__default";
-  readonly color__good: "color__good";
-  readonly colorContent__good: "contentColor__good";
   readonly colorButtonsContainer__good: "buttonsContainerColor__good";
-  readonly color__average: "color__average";
+  readonly colorButtonsContainer__green: "buttonsContainerColor__green";
+  readonly colorButtonsContainer__grey: "buttonsContainerColor__grey";
+  readonly "colorButtonsContainer__light-grey": "buttonsContainerColor__light-grey";
+  readonly colorButtonsContainer__olive: "buttonsContainerColor__olive";
+  readonly colorButtonsContainer__orange: "buttonsContainerColor__orange";
+  readonly colorButtonsContainer__pink: "buttonsContainerColor__pink";
+  readonly colorButtonsContainer__purple: "buttonsContainerColor__purple";
+  readonly colorButtonsContainer__red: "buttonsContainerColor__red";
+  readonly colorButtonsContainer__teal: "buttonsContainerColor__teal";
+  readonly colorButtonsContainer__violet: "buttonsContainerColor__violet";
+  readonly colorButtonsContainer__white: "buttonsContainerColor__white";
+  readonly colorButtonsContainer__yellow: "buttonsContainerColor__yellow";
   readonly colorContent__average: "contentColor__average";
-  readonly colorButtonsContainer__average: "buttonsContainerColor__average";
-  readonly color__bad: "color__bad";
   readonly colorContent__bad: "contentColor__bad";
-  readonly colorButtonsContainer__bad: "buttonsContainerColor__bad";
-  readonly color__black: "color__black";
   readonly colorContent__black: "contentColor__black";
-  readonly colorButtonsContainer__black: "buttonsContainerColor__black";
-  readonly color__blue: "color__blue";
   readonly colorContent__blue: "contentColor__blue";
-  readonly colorButtonsContainer__blue: "buttonsContainerColor__blue";
-  readonly color__brown: "color__brown";
   readonly colorContent__brown: "contentColor__brown";
-  readonly colorButtonsContainer__brown: "buttonsContainerColor__brown";
-  readonly color__caution: "color__caution";
   readonly colorContent__caution: "contentColor__caution";
-  readonly colorButtonsContainer__caution: "buttonsContainerColor__caution";
-  readonly color__danger: "color__danger";
   readonly colorContent__danger: "contentColor__danger";
-  readonly colorButtonsContainer__danger: "buttonsContainerColor__danger";
-  readonly color__green: "color__green";
+  readonly colorContent__default: "contentColor__default";
+  readonly colorContent__good: "contentColor__good";
   readonly colorContent__green: "contentColor__green";
-  readonly colorButtonsContainer__green: "buttonsContainerColor__green";
-  readonly color__grey: "color__grey";
   readonly colorContent__grey: "contentColor__grey";
-  readonly colorButtonsContainer__grey: "buttonsContainerColor__grey";
-  readonly color__label: "color__label";
-  readonly colorContent__label: "contentColor__label";
-  readonly colorButtonsContainer__label: "buttonsContainerColor__label";
-  readonly "color__light-grey": "color__light-grey";
   readonly "colorContent__light-grey": "contentColor__light-grey";
-  readonly "colorButtonsContainer__light-grey": "buttonsContainerColor__light-grey";
-  readonly color__olive: "color__olive";
   readonly colorContent__olive: "contentColor__olive";
-  readonly colorButtonsContainer__olive: "buttonsContainerColor__olive";
-  readonly color__orange: "color__orange";
   readonly colorContent__orange: "contentColor__orange";
-  readonly colorButtonsContainer__orange: "buttonsContainerColor__orange";
-  readonly color__pink: "color__pink";
   readonly colorContent__pink: "contentColor__pink";
-  readonly colorButtonsContainer__pink: "buttonsContainerColor__pink";
-  readonly color__purple: "color__purple";
   readonly colorContent__purple: "contentColor__purple";
-  readonly colorButtonsContainer__purple: "buttonsContainerColor__purple";
-  readonly color__red: "color__red";
   readonly colorContent__red: "contentColor__red";
-  readonly colorButtonsContainer__red: "buttonsContainerColor__red";
-  readonly color__teal: "color__teal";
   readonly colorContent__teal: "contentColor__teal";
-  readonly colorButtonsContainer__teal: "buttonsContainerColor__teal";
-  readonly color__violet: "color__violet";
   readonly colorContent__violet: "contentColor__violet";
-  readonly colorButtonsContainer__violet: "buttonsContainerColor__violet";
-  readonly color__white: "color__white";
   readonly colorContent__white: "contentColor__white";
-  readonly colorButtonsContainer__white: "buttonsContainerColor__white";
-  readonly color__yellow: "color__yellow";
   readonly colorContent__yellow: "contentColor__yellow";
-  readonly colorButtonsContainer__yellow: "buttonsContainerColor__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__caution: "color__caution";
+  readonly color__danger: "color__danger";
+  readonly color__default: "color__default";
+  readonly color__good: "color__good";
+  readonly color__green: "color__green";
+  readonly color__grey: "color__grey";
+  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 container: "container";
+  readonly content: "content";
+  readonly contentDisabled: "contentDisabled";
+  readonly contentFluid: "contentFluid";
+  readonly contentSelected: "contentSelected";
+  readonly disabled: "disabled";
+  readonly divider: "divider";
+  readonly fluid: "fluid";
+  readonly hasButtons: "hasButtons";
+  readonly image: "image";
+  readonly info: "info";
+  readonly noAction: "noAction";
+  readonly selected: "selected";
+  readonly title: "title";
 };
 export = classNames;

package.json

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