@fvc/utils 1.0.0

package/dist/lib/index.js

@@ -0,0 +1 @@
+var t=function(t){return"number"==typeof t||n(t)?"".concat(t,"px"):t},n=function(t){return/^[0-9]+$/.test(t)};export{t as cssVarResolver,n as isNumeric};

package/dist/lib/utils/src/assets/css/font.css

@@ -0,0 +1,225 @@
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf')
+    format('truetype');
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf')
+    format('truetype');
+  font-weight: 800;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-SemiBoldItalic.ttf') format('truetype');
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-ExtraLight.ttf') format('truetype');
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-ExtraLightItalic.ttf') format('truetype');
+  font-weight: 200;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+}

package/dist/lib/utils/src/assets/css/global.css

@@ -0,0 +1,396 @@
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+input::-ms-clear,
+input::-ms-reveal {
+  display: none;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  scroll-behavior: smooth;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+body {
+  margin: 0;
+  color: #666;
+  font-size: 14px;
+  font-family: 'Montserrat', sans-serif;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  background-color: #fff;
+  font-feature-settings: 'tnum';
+
+  &::-webkit-scrollbar {
+    background-color: #fff;
+    width: 15px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: #fff;
+    border-radius: 16px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #babac0;
+    border-radius: 16px;
+    border: 4px solid #fff;
+  }
+}
+
+* {
+  &::-webkit-scrollbar {
+    background-color: #fff;
+    width: 15px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: #fff;
+    border-radius: 16px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #babac0;
+    border-radius: 16px;
+    border: 4px solid #fff;
+    cursor: pointer;
+  }
+}
+
+[tabindex='-1']:focus {
+  outline: none !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  text-decoration: underline dotted;
+  border-bottom: 0;
+  cursor: help;
+}
+
+address {
+  margin-bottom: 1em;
+  font-style: normal;
+  line-height: inherit;
+}
+
+input[type='text'],
+input[type='password'],
+input[type='number'],
+textarea {
+  -webkit-appearance: none;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 500;
+}
+
+dd {
+  margin-bottom: 0.5em;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1em;
+}
+
+dfn {
+  font-style: italic;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: var(--blue-400);
+  text-decoration: none;
+  background-color: transparent;
+  outline: none;
+  cursor: pointer;
+  transition: color 0.3s;
+  -webkit-text-decoration-skip: objects;
+
+  &:hover {
+    color: #648bb3;
+  }
+
+  &:active {
+    color: #2d5180;
+  }
+
+  &:active,
+  &:hover {
+    text-decoration: none;
+    outline: 0;
+  }
+
+  &:focus {
+    text-decoration: none;
+    outline: 0;
+  }
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1em;
+  overflow: auto;
+}
+
+figure {
+  margin: 0 0 1em;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+a,
+area,
+button,
+[role='button'],
+input:not([type='range']),
+label,
+select,
+summary,
+textarea {
+  touch-action: manipulation;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+th {
+  text-align: inherit;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html [type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type='radio'],
+input[type='checkbox'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type='date'],
+input[type='time'],
+input[type='datetime-local'],
+input[type='month'] {
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 0.5em;
+  padding: 0;
+  color: inherit;
+  font-size: 1.5em;
+  line-height: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type='search'] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+.loading {
+  z-index: 1;
+  border: 2px solid rgba(64, 223, 162, 0.2);
+  border-top-color: var(--link-on-dark-bg-color-400);
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  animation: 1sease-in-out infinite spin;
+  display: inline-block;
+  position: fixed;
+  top: calc(50% - 15px);
+  left: calc(50% - 15px);
+}
+
+.vis-form {
+  display: contents;
+}
+
+@keyframes spin {
+  to {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes spin {
+  to {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+.vis-pie-chart svg > g:nth-child(3) {
+  transform: translateX(-65px);
+}

package/dist/lib/utils/src/assets/css/index.css

@@ -0,0 +1,4 @@
+@import './font.css';
+@import './variables.css';
+@import './spacing.scss';
+@import './global.css';

package/dist/lib/utils/src/assets/css/spacing.scss

@@ -0,0 +1,28 @@
+.d-flex {
+  display: flex !important;
+
+  &-center {
+    justify-content: center;
+    align-items: center;
+  }
+
+  &-justify-center {
+    justify-content: center;
+  }
+
+  &-align-center {
+    align-items: center;
+  }
+
+  &-direction-column {
+    flex-direction: column;
+  }
+}
+
+.rotate-90 {
+  transform: rotate(90deg);
+}
+
+.rotate-180 {
+  transform: rotate(180deg);
+}

package/dist/lib/utils/src/assets/css/variables.css

@@ -0,0 +1,115 @@
+:root {
+  /* Blue */
+  --blue-20: #eeeff6;
+  --blue-50: #e8edf6;
+  --blue-100: #e4e6f4;
+  --blue-150: #e5e9fc;
+  --blue-200: #daddec;
+  --blue-250: #d9deef;
+  --blue-300: #cdd1e4;
+  --blue-400: #4271a5;
+  --blue-500: #395ca6;
+  --blue-600: #4054b2;
+  --blue-700: #303f9f;
+
+  /* Gray */
+  --gray-50: #f2f2f2;
+  --gray-100: #fafafa;
+  --gray-150: #ececec;
+  --gray-200: #dfdfdf;
+  --gray-250: #ebebeb;
+  --gray-300: #dadada;
+  --gray-400: #bbbbbb;
+  --gray-500: #787878;
+  --gray-600: #949494;
+  --gray-700: #7b7b7b;
+  --gray-800: #6d6d6d;
+  --gray-900: #4a4a4a;
+
+  /* Blue-gray */
+  --blue-gray-200: #d9deef;
+  --blue-gray-250: #dddaec;
+  --blue-gray-300: #cdd1e4;
+  --blue-gray-400: #75849a;
+  --blue-gray-500: #69778c;
+  --blue-gray-600: #696b78;
+  --blue-gray-700: #4d5868;
+  --blue-gray-800: #3d4655;
+  --blue-gray-900: #2e3848;
+
+  /* Green */
+  --green-100: #d8fcd2;
+  --green-400: #400fa2;
+  --green-600: #200661;
+  --green-700: #268061;
+
+  /* Yellow-green */
+  --yellow-green-400: #c0dc39;
+  --yellow-green-500: #afb42b;
+
+  /* Red */
+  --red-400: #f9daab;
+  --red-600: #ff1f48;
+  --red-800: #800028;
+
+  /* Orange */
+  --orange-100: #f8ece8;
+  --orange-200: #fff50b;
+  --orange-600: #dd1323;
+
+  /* Neutrals */
+  --neutral-0: #ffffff;
+  --neutral-1000: #000000;
+
+  /* Black */
+  --black-1000: #2a2b37;
+
+  /* Text */
+  --body-text-color-1000: #2a2d37;
+  --secondary-text-color-600: #696878;
+  --support-text-color-300: #cdd1e4;
+  --white-text-color-0: #ffffff;
+  --link-on-dark-bg-color-400: #40dfa2;
+  --link-on-light-bg-color-500: #395ca6;
+  --menu-2nd-level-color-200: #daddec;
+  --warning-text-color-800: #b00020;
+  --warning-text-on-dark-bg-color-400: #ff9da9;
+  --button-text-color-500: #268661;
+
+  /* Background */
+  --card-bg-color-20: #eeeff6;
+  --main-content-bg-color-0: #ffffff;
+  --header-bg-color-700: #405868;
+  --task-overview-bg-color-800: #3d4655;
+  --primary-bg-color-900: #2e3848;
+
+  /* Overlay */
+  --tooltip-bg-color-900: #4a4a4a;
+  --popup-bg-color-20: #eeeff6;
+
+  /* Border-line */
+  --element-b-line-color-400: #2a2d37;
+  --element-selected-b-line-color-400: #4271a5;
+  --frame-b-line-color-250: #d0deef;
+  --warning-b-line-on-light-bg-color-800: #b00020;
+  --warning-b-line-on-dark-bg-color-400: #ff9da9;
+
+  /* Icon */
+  --white-icon-color-0: #ffffff;
+  --warning-icon-color-800: #b00020;
+  --warning-icon-on-dark-bg-color-400: #ff9da9;
+  --primary-icon-color-1000: #2a2d37;
+  --link-icon-color-500: #395ca6;
+  --secondary-icon-on-dark-bg-color-500: #696878;
+  --secondary-icon-on-light-bg-color-500: #787878;
+
+  /* Badge (for Task overview, Cards & Table) */
+  --badge-card-table-0: #2a2d37;
+  --badge-success-color-600: #268661;
+  --badge-active-color-100: #2a2d37;
+  --badge-cancel-color-900: #4a4a4a;
+  --badge-in-progress-color-500: #949494;
+  --badge-warning-color-800: #b00020;
+  --badge-basic-color-400: #4271a5;
+  --badge-paused-color-100: #fff598;
+}

package/dist/lib/utils/src/functions/cssVarResolver/cssVarResolver.d.ts

@@ -0,0 +1 @@
+export declare const cssVarResolver: (value?: string | number) => string | undefined;

package/dist/lib/utils/src/functions/index.d.ts

@@ -0,0 +1,2 @@
+export { cssVarResolver } from './cssVarResolver/cssVarResolver';
+export { isNumeric } from './isNumeric/isNumeric';

package/dist/lib/utils/src/functions/isNumeric/isNumeric.d.ts

@@ -0,0 +1 @@
+export declare const isNumeric: (value?: string | number) => boolean;

package/dist/lib/utils/src/index.d.ts

@@ -0,0 +1 @@
+export * from './functions';

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@fvc/utils",
+  "version": "1.0.0",
+  "main": "./dist/lib/index.js",
+  "types": "./dist/lib/utils/src/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/lib/index.js",
+      "types": "./dist/lib/utils/src/index.d.ts"
+    },
+    "./assets/*": "./dist/lib/utils/src/assets/*"
+  },
+  "files": [
+    "dist/lib/index.js",
+    "dist/lib/utils",
+    "package.json"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && eslint --config ../../eslint.config.js . && bunx tsc --noEmit && rollup -c ./rollup.config.mjs"
+  },
+  "dependencies": {
+    "react": "^18.0.0"
+  }
+}