@true-engineering/true-react-common-ui-kit 2.4.0 → 2.5.0

package/src/components/Icon/complexIcons/avatarGreen.svg

@@ -1,58 +1,58 @@
-  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
-    <mask
-      id="mask0_0_12744"
-      style="mask-type: 'alpha';"
-      maskUnits="userSpaceOnUse"
-      x="0"
-      y="0"
-      width="32"
-      height="32"
-    >
-      <circle cx="16" cy="16" r="16" fill="white" />
-    </mask>
-    <g mask="url(#mask0_0_12744)">
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
-      <mask
-        id="mask1_0_12744"
-        style="mask-type: 'alpha';"
-        maskUnits="userSpaceOnUse"
-        x="3"
-        y="16"
-        width="26"
-        height="26"
-      >
-        <circle cx="16" cy="29" r="13" fill="white" />
-      </mask>
-      <g mask="url(#mask1_0_12744)">
-        <ellipse
-          cx="16"
-          cy="17.5"
-          rx="6"
-          ry="7.5"
-          fill="#505F79"
-          fill-opacity="0.204983"
-        />
-      </g>
-    </g>
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
-    <defs>
-      <linearGradient
-        id="paint0_linear_0_12744"
-        x1="13.347"
-        y1="46.279"
-        x2="33.5318"
-        y2="30.8088"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#ABD229" />
-        <stop offset="1" stop-color="#9CD03F" />
-      </linearGradient>
-    </defs>
+  <svg
+    width="100%"
+    height="100%"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
+    <mask
+      id="mask0_0_12744"
+      style="mask-type: 'alpha';"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="32"
+      height="32"
+    >
+      <circle cx="16" cy="16" r="16" fill="white" />
+    </mask>
+    <g mask="url(#mask0_0_12744)">
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
+      <mask
+        id="mask1_0_12744"
+        style="mask-type: 'alpha';"
+        maskUnits="userSpaceOnUse"
+        x="3"
+        y="16"
+        width="26"
+        height="26"
+      >
+        <circle cx="16" cy="29" r="13" fill="white" />
+      </mask>
+      <g mask="url(#mask1_0_12744)">
+        <ellipse
+          cx="16"
+          cy="17.5"
+          rx="6"
+          ry="7.5"
+          fill="#505F79"
+          fill-opacity="0.204983"
+        />
+      </g>
+    </g>
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
+    <defs>
+      <linearGradient
+        id="paint0_linear_0_12744"
+        x1="13.347"
+        y1="46.279"
+        x2="33.5318"
+        y2="30.8088"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#ABD229" />
+        <stop offset="1" stop-color="#9CD03F" />
+      </linearGradient>
+    </defs>
   </svg>

package/src/components/Icon/complexIcons/index.ts

@@ -1 +1 @@
-export * from './icons';
+export * from './icons';

package/src/components/IncrementInput/IncrementInput.styles.ts

@@ -1,77 +1,77 @@
-import { colors, dimensions } from '../../theme';
-import { ComponentStyles } from '../../types';
-
-export const BUTTONS_WIDTH = 36;
-export const BUTTONS_GAP = 2;
-
-export const styles = {
-  root: {
-    display: 'flex',
-    alignItems: 'center',
-    position: 'relative',
-  },
-
-  buttons: {
-    display: 'flex',
-    flexDirection: 'column',
-    width: BUTTONS_WIDTH,
-    position: 'absolute',
-    right: BUTTONS_GAP,
-    top: BUTTONS_GAP,
-    bottom: BUTTONS_GAP,
-    zIndex: 1,
-  },
-
-  button: {
-    width: '100%',
-    height: (dimensions.CONTROL_HEIGHT - 5) / 2,
-    border: 'none',
-    outline: 'none',
-    backgroundColor: colors.GREY_BACKGROUND,
-    transition: 'background-color 0.25s ease-in-out',
-    color: colors.FONT_MEDIUM,
-    cursor: 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: [0, 10],
-
-    '&:hover, &:focus': {
-      backgroundColor: colors.GREY_HOVER,
-    },
-
-    '&:active': {
-      backgroundColor: colors.GREY_ACTIVE,
-    },
-
-    '&:first-child': {
-      marginBottom: 1,
-    },
-  },
-
-  disabledButton: {
-    backgroundColor: colors.CLASSIC_WHITE,
-    color: colors.FONT_DISABLED,
-    cursor: 'default',
-
-    '&:hover': {
-      backgroundColor: colors.CLASSIC_WHITE,
-    },
-  },
-
-  errorButton: {},
-
-  tweakInput: {
-    input: {
-      '&:not($withControls)': {
-        paddingRight: BUTTONS_WIDTH + BUTTONS_GAP,
-      },
-    },
-
-    controls: {
-      paddingRight: BUTTONS_WIDTH + BUTTONS_GAP,
-    },
-  },
-};
-
-export type IncrementInputStyles = ComponentStyles<typeof styles>;
+import { colors, dimensions } from '../../theme';
+import { ComponentStyles } from '../../types';
+
+export const BUTTONS_WIDTH = 36;
+export const BUTTONS_GAP = 2;
+
+export const styles = {
+  root: {
+    display: 'flex',
+    alignItems: 'center',
+    position: 'relative',
+  },
+
+  buttons: {
+    display: 'flex',
+    flexDirection: 'column',
+    width: BUTTONS_WIDTH,
+    position: 'absolute',
+    right: BUTTONS_GAP,
+    top: BUTTONS_GAP,
+    bottom: BUTTONS_GAP,
+    zIndex: 1,
+  },
+
+  button: {
+    width: '100%',
+    height: (dimensions.CONTROL_HEIGHT - 5) / 2,
+    border: 'none',
+    outline: 'none',
+    backgroundColor: colors.GREY_BACKGROUND,
+    transition: 'background-color 0.25s ease-in-out',
+    color: colors.FONT_MEDIUM,
+    cursor: 'pointer',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: [0, 10],
+
+    '&:hover, &:focus': {
+      backgroundColor: colors.GREY_HOVER,
+    },
+
+    '&:active': {
+      backgroundColor: colors.GREY_ACTIVE,
+    },
+
+    '&:first-child': {
+      marginBottom: 1,
+    },
+  },
+
+  disabledButton: {
+    backgroundColor: colors.CLASSIC_WHITE,
+    color: colors.FONT_DISABLED,
+    cursor: 'default',
+
+    '&:hover': {
+      backgroundColor: colors.CLASSIC_WHITE,
+    },
+  },
+
+  errorButton: {},
+
+  tweakInput: {
+    input: {
+      '&:not($withControls)': {
+        paddingRight: BUTTONS_WIDTH + BUTTONS_GAP,
+      },
+    },
+
+    controls: {
+      paddingRight: BUTTONS_WIDTH + BUTTONS_GAP,
+    },
+  },
+};
+
+export type IncrementInputStyles = ComponentStyles<typeof styles>;

package/src/components/IncrementInput/index.ts

@@ -1,2 +1,2 @@
-export * from './IncrementInput';
-export type { IncrementInputStyles } from './IncrementInput.styles';
+export * from './IncrementInput';
+export type { IncrementInputStyles } from './IncrementInput.styles';