fontastic 0.1.3

package/src/styles/tools/_placeholders.scss

@@ -0,0 +1,17 @@
+// Placeholders
+
+%full {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+}
+
+%full-fixed {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+}

package/src/styles/tools/_variables.scss

@@ -0,0 +1,67 @@
+@use "sass:map";
+
+$appHeaderHeight: 54px;
+$figureCaptionHeight: 36px;
+$figureSectionHeight: 30px;
+
+$thin: 100;
+$light: 300;
+$regular: 400;
+$semibold: 600;
+$bold: 700;
+
+$font-weights: ("thin": $thin, "light": $light, "regular": $regular, "medium": $semibold, "bold": $bold);
+
+$color-white:             #ffffff;
+$color-black:             #000000;
+$color-light:             rgba(255, 255, 255, 0.8);
+$color-dark:              rgba(0, 0, 0, 0.8);
+
+$color-green:             #6cbe63;
+$color-blue:              #00a0be; // #9b9af1;
+$color-red:               #d86161;   
+
+$color-1:                 #181d23; // Background
+$color-2:                 #616467; // Text/Icons/Toolbar
+$color-3:                 #eaeaea; // Borders
+$color-4:                 #00a0be; // Enabled/Highlighted
+$color-5:                 #a6b0b3; // Disabled
+$color-6:                 #61616191; // Navigation Icons
+
+$color-text:              $color-2;
+$color-text-enabled:      $color-4;
+$color-text-disabled:     $color-5;
+$color-text-selection:    $color-5;
+
+$color-link:              $color-4;
+$color-link-hover:        $color-4;
+
+$color-background:        $color-white;
+$color-foreground:        $color-white;
+$color-toolbar:           $color-2;
+$color-border:            $color-4;
+
+$theme-color: $color-4;
+
+$alert-colors: ("info": #004085, "success": #155724, "error": #721c24, "warning": #856404, "danger": #721c24);
+$alert-backgrounds: ("info": #cce5ff, "success": #d4edda, "error": #f8d7da, "warning": #fff3cd, "danger": #f8d7da);
+
+// Fonts
+$base-fonts: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+$base-font-family: "Roboto", $base-fonts;
+
+// Layers
+$layers: (
+  below: -1,
+  base: 0,
+  above: 1,
+  modal: 50,
+  header: 30,
+  footer: 25,
+  loader: 100
+);
+
+$gray: lighten($color-black, 40%);
+$dark-gray: lighten($color-black, 20%);
+$light-gray: lighten($color-black, 60%);
+$lighter-gray: lighten($color-black, 80%);

package/src/styles.scss

@@ -0,0 +1,37 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    html,
+    body {
+        font-family: Roboto, system-ui, sans-serif;
+    }
+}
+
+@import "./styles/tools/_variables";
+@import "./styles/tools/_mixins";
+@import "./styles/tools/_functions";
+@import "./styles/tools/_placeholders";
+
+@import "./styles/base/reset";
+@import "./styles/base/loading";
+
+@import "./styles/components/alert";
+@import "./styles/components/buttons";
+@import "./styles/components/forms";
+@import "./styles/components/inputs";
+@import "./styles/components/tables";
+@import "./styles/components/scrollbox";
+@import "./styles/components/toolbar";
+@import "./styles/components/paginator";
+@import "./styles/components/tabs";
+@import "./styles/components/spinner";
+@import "./styles/components/modal";
+
+@import "./styles/themes/swiss";
+@import "./styles/themes/mellow";
+@import "./styles/themes/passion";
+@import "./styles/themes/euphoria";
+@import "./styles/themes/midnight";
+@import "./styles/themes/dashboard";

package/src/test.ts

@@ -0,0 +1,22 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/src/tsconfig.app.json

@@ -0,0 +1,20 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "baseUrl": "",
+    "types": [
+      "node"
+    ]
+  },
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "**/*.d.ts"
+  ],
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/src/tsconfig.spec.json

@@ -0,0 +1,23 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "test.ts",
+    "polyfills-test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ],
+  "exclude": [
+    "dist",
+    "release",
+    "node_modules"
+  ]
+}

package/src/typings.d.ts

@@ -0,0 +1,9 @@
+/* SystemJS module definition */
+declare const nodeModule: NodeModule;
+interface NodeModule {
+  id: string;
+}
+interface Window {
+  process: any;
+  require: any;
+}

package/tailwind.config.js

@@ -0,0 +1,67 @@
+module.exports = {
+  content: [
+    './src/**/*.{html,ts}',
+  ],
+  theme: {
+    borderWidth: {
+      DEFAULT: '1px',
+      '0': '0',
+      '2': '2px',
+      '3': '3px',
+      '4': '4px',
+      '6': '6px',
+      '8': '8px',
+    },
+    fontFamily: {
+      'body': ['"Roboto"'],
+    },
+    extend: {
+      colors: {
+        'default': '#00a0be',
+        'dashboard': '#ffffff',
+        'euphoria': '#deb431',
+        'mellow': '#252525',
+        'midnight': '#ffffff',
+        'passion': '#ffffff',
+        'swiss': '#ffffff',
+      },
+      backgroundColor: {
+        'default': '#ffffff',
+        'dashboard': '#14202b',
+        'euphoria': '#23121c',
+        'mellow': '#ffdf00',
+        'midnight': '#000000',
+        'passion': '#620f72',
+        'swiss': '#ed1b24',
+      },
+      borderColor: {
+        'default': '#00a0be',
+        'dashboard': '#0e161f',
+        'euphoria': '#3a1f32',
+        'mellow': '#252525',
+        'midnight': '#ffffff',
+        'passion': '#fe1963',
+        'swiss': '#ffcccc',
+      },
+      fill: {
+        'default': '#808080',
+        'dashboard': '#637785',
+        'euphoria': '#c10156',
+        'mellow': '#3e4245',
+        'midnight': '#777777',
+        'passion': '#ffffff',
+        'swiss': '#3e4245',
+      },
+      stroke: {
+        'default': '#000000',
+        'dashboard': '#ffffff',
+        'euphoria': '#deb431',
+        'mellow': '#252525',
+        'midnight': '#ffffff',
+        'passion': '#fe1963',
+        'swiss': '#ffffff',
+      }
+    },
+  },
+  plugins: [require('@tailwindcss/forms')],
+};

package/tsconfig.json

@@ -0,0 +1,42 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "module": "es2020",
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowJs": true,
+    "target": "es2015",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2017",
+      "es2016",
+      "es2015",
+      "dom"
+    ],
+    "baseUrl": "src",
+    "paths": {
+      "@app/*": ["app/*"],
+      "@env/*": ["environments/*"],
+      "@main/*": ["../app/*"]
+    }
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "angularCompilerOptions": {
+    "strictTemplates": true,
+    "fullTemplateTypeCheck": true,
+    "annotateForClosureCompiler": true,
+    "strictInjectionParameters": true,
+    "skipTemplateCodegen": false,
+    "preserveWhitespaces": true,
+    "skipMetadataEmit": false,
+    "disableTypeScriptVersionCheck": true
+  }
+}

package/tsconfig.serve.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "module": "commonjs",
+    "target": "es2015",
+    "types": [
+      "node"
+    ],
+    "lib": [
+      "es2017",
+      "es2016",
+      "es2015",
+      "dom"
+    ]
+  },
+  "files": [
+    "app/main.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "**/*.spec.ts"
+  ]
+}