fontastic 0.1.7 → 0.2.0

package/src/styles/fonts/roboto.scss

@@ -1,32 +0,0 @@
-@font-face {
-    font-family: 'Roboto';
-    src: url('../../assets/fonts/roboto/Roboto-Regular-webfont.eot');
-    src: url('../../assets/fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../../assets/fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
-         url('../../assets/fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
-         url('../../assets/fonts/roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('../../assets/fonts/roboto/Roboto-Medium-webfont.eot');
-    src: url('../../assets/fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../../assets/fonts/roboto/Roboto-Medium-webfont.woff') format('woff'),
-         url('../../assets/fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'),
-         url('../../assets/fonts/roboto/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('../../assets/fonts/roboto/Roboto-Bold-webfont.eot');
-    src: url('../../assets/fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../../assets/fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
-         url('../../assets/fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
-         url('../../assets/fonts/roboto/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
-    font-weight: bold;
-    font-style: normal;
-}

package/src/styles/tools/_functions.scss

@@ -1,5 +0,0 @@
-// Functions
-
-@function z-index($level: 'base') {
-  @return map-get($layers, $level);
-}

package/src/styles/tools/_mixins.scss

@@ -1,159 +0,0 @@
-// Mixins
-
-@mixin loading-transition($visibilityDuration: 0s, $opacityDuration: 1s) {
-  opacity: 0;
-  visibility: hidden;
-  transition: visibility 0s, opacity 1s linear;
-}
-
-@mixin nav-summary {
-  @apply list-none text-default flex items-center justify-start py-0 px-[5px] h-[34px];
-  input {
-    color: inherit;
-    &:focus {
-      color: inherit;
-    }
-  }
-}
-
-@mixin nav-details {
-  margin: 0;
-  padding: 2px 8px;
-  position: relative;
-  span {
-    color: #3e4245;
-    padding-left: 4px;
-  }
-  span:last-child {
-    color: #00a0be;
-  }
-}
-
-@mixin include-material-icon($icon) {
-  content: $icon;
-  vertical-align: 0%;
-  color: inherit;
-  font-family: "Material Icons";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  cursor: pointer;
-}
-
-@mixin tree-lines($height) {
-  margin-left: 16px;
-  position: relative;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: -5px;
-    left: 0;
-    width: 1px;
-    height: calc(#{$height} + 6px);
-    background-color: #00a0be;
-  }
-
-  &:last-child::after {
-    height: calc(#{$height} / 2 + 6px);
-  }
-
-  &::before {
-    content: "";
-    position: absolute;
-    top: calc(#{$height} / 2);
-    left: 0;
-    width: 8px;
-    height: 1px;
-    background-color: #00a0be;
-  }
-
-  &[open]:not(:last-child)::after {
-    height: calc(100% + 6px);
-  }
-}
-
-@mixin font-family-bold($weight: bold) {
-  font-family: $base-font-family;
-  font-weight: $weight;
-}
-
-@mixin font-family-medium($weight: 300) {
-  font-family: $base-font-family;
-  font-weight: $weight;
-}
-
-@mixin font-family-regular($weight: normal) {
-  font-family: $base-font-family;
-  font-weight: $weight;
-}
-
-@mixin visually-hidden {
-  position: absolute;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  border: 0;
-}
-
-@mixin aspect-ratio($width, $height) {
-  &:before {
-    display: block;
-    content: "";
-    width: 100%;
-    padding-top: ($height / $width) * 100%;
-  }
-}
-
-@mixin font-size($sizeValue: 12) {
-  font-size: $sizeValue + px; // fallback for old browsers
-  font-size: (0.0625 * $sizeValue) + rem;
-}
-
-@mixin line-height($heightValue: 20) {
-  line-height: $heightValue + px; // fallback for old browsers
-  line-height: (0.0625 * $heightValue) + rem;
-}
-
-@mixin rhythm($sizeValue: 12, $heightValue: 20) {
-  @include font-size($sizeValue);
-  @include line-height($heightValue);
-}
-
-// @see https://anotheruiguy.gitbooks.io/sassintherealworld_book-i/handy-tools/setting-default-mixin-values.html
-// @include add-border;
-@mixin add-border($border-position: all, $border-size: 1px, $border-pattern: solid, $border-color: $black) {
-  @if $border-position == $border-position-all {
-    border: $border-size $border-pattern $border-color;
-  } @else {
-    border-#{$border-position}: $border-size $border-pattern $border-color;
-  }
-}
-
-@mixin elevation($level) {
-  @if $level == 1 {
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-  }
-  @else if $level == 2 {
-    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  }
-  @else if $level == 3 {
-    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-  }
-  @else if $level == 4 {
-    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-  }
-  @else if $level == 5 {
-    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
-  }
-}

package/src/styles/tools/_placeholders.scss

@@ -1,17 +0,0 @@
-// 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

@@ -1,67 +0,0 @@
-@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

@@ -1,37 +0,0 @@
-@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

@@ -1,17 +0,0 @@
-// 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';
-
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(), {
-    teardown: { destroyAfterEach: false }
-  }
-);

package/tailwind.config.js

@@ -1,67 +0,0 @@
-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')],
-};