feat: update keycloak theme

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/CODE_OF_CONDUCT.md

@@ -0,0 +1,4 @@
+This project is governed by the [Contributor Covenant version 1.4][1]. All contributors and participants agree to abide by its terms. To report violations, send an email to [patternfly@redhat.com][2].
+
+ [1]: https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+ [2]: mailto:patternfly@redhat.com

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_animated.scss

@@ -0,0 +1,20 @@
+// Animated icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+  animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+  animation: fa-spin 1s infinite steps(8);
+}
+
+@keyframes fa-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_bordered-pulled.scss

@@ -0,0 +1,20 @@
+// Bordered & pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+  border: solid .08em $fa-border-color;
+  border-radius: .1em;
+  padding: .2em .25em .15em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix},
+.fas,
+.far,
+.fal,
+.fab {
+  &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+  &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_core.scss

@@ -0,0 +1,20 @@
+// Base class definition
+// -------------------------
+
+.#{$fa-css-prefix},
+.fas,
+.far,
+.fal,
+.fab {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+
+%fa-icon {
+  @include fa-icon;
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_fixed-width.scss

@@ -0,0 +1,6 @@
+// Fixed width icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+  text-align: center;
+  width: $fa-fw-width;
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_larger.scss

@@ -0,0 +1,23 @@
+// Icon sizes
+// -------------------------
+
+// makes the font 33% larger relative to the icon container
+.#{$fa-css-prefix}-lg {
+  font-size: div(4em, 3);
+  line-height: div(3em, 4);
+  vertical-align: -.0667em;
+}
+
+.#{$fa-css-prefix}-xs {
+  font-size: .75em;
+}
+
+.#{$fa-css-prefix}-sm {
+  font-size: .875em;
+}
+
+@for $i from 1 through 10 {
+  .#{$fa-css-prefix}-#{$i}x {
+    font-size: $i * 1em;
+  }
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_list.scss

@@ -0,0 +1,18 @@
+// List icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+  list-style-type: none;
+  margin-left: div($fa-li-width * 5, 4);
+  padding-left: 0;
+
+  > li { position: relative; }
+}
+
+.#{$fa-css-prefix}-li {
+  left: -$fa-li-width;
+  position: absolute;
+  text-align: center;
+  width: $fa-li-width;
+  line-height: inherit;
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_mixins.scss

@@ -0,0 +1,57 @@
+// Mixins
+// --------------------------
+
+@mixin fa-icon {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  vertical-align: -.125em;
+}
+
+@mixin fa-icon-rotate($degrees, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
+  transform: rotate($degrees);
+}
+
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
+  transform: scale($horiz, $vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+@mixin sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+  &:active,
+  &:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+  }
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_rotated-flipped.scss

@@ -0,0 +1,23 @@
+// Rotated & flipped icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
+.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root {
+  .#{$fa-css-prefix}-rotate-90,
+  .#{$fa-css-prefix}-rotate-180,
+  .#{$fa-css-prefix}-rotate-270,
+  .#{$fa-css-prefix}-flip-horizontal,
+  .#{$fa-css-prefix}-flip-vertical {
+    filter: none;
+  }
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_screen-reader.scss

@@ -0,0 +1,5 @@
+// Screen readers
+// -------------------------
+
+.sr-only { @include sr-only; }
+.sr-only-focusable { @include sr-only-focusable; }

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/_stacked.scss

@@ -0,0 +1,31 @@
+// Stacked icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+  display: inline-block;
+  height: 2em;
+  line-height: 2em;
+  position: relative;
+  vertical-align: middle;
+  width: ($fa-fw-width*2);
+}
+
+.#{$fa-css-prefix}-stack-1x,
+.#{$fa-css-prefix}-stack-2x {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.#{$fa-css-prefix}-stack-1x {
+  line-height: inherit;
+}
+
+.#{$fa-css-prefix}-stack-2x {
+  font-size: 2em;
+}
+
+.#{$fa-css-prefix}-inverse {
+  color: $fa-inverse;
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fontawesome/fontawesome.scss

@@ -0,0 +1,12 @@
+@import 'variables';
+@import 'mixins';
+@import 'core';
+@import 'larger';
+@import 'fixed-width';
+@import 'list';
+@import 'bordered-pulled';
+@import 'animated';
+@import 'rotated-flipped';
+@import 'stacked';
+@import 'icons';
+@import 'screen-reader';

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fonts/overpass-mono-webfont/example.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+      <link rel="stylesheet" href="overpass-mono.css" />
+      <style>body{font-family: overpass-mono, monospace; font-size:9vw; }
+      p{margin:0; line-height:1.2em; padding:0;}</style>
+</head>
+<body>
+  <p style="font-weight:300">Overpass Mono</p>
+  <p style="font-weight:400">Overpass Mono</p>
+  <p style="font-weight:500">Overpass Mono</p>
+  <p style="font-weight:600">Overpass Mono</p>
+
+</body>
+</html>

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fonts/overpass-mono-webfont/overpass-mono.css

@@ -0,0 +1,39 @@
+
+
+@font-face {
+  font-family: 'overpass-mono';
+  src: url('overpass-mono-light.woff2') format('woff2'),
+       url('overpass-mono-light.woff') format('woff');
+       font-weight: 300;
+       font-style: normal;
+}
+
+
+
+@font-face {
+  font-family: 'overpass-mono';
+  src: url('overpass-mono-regular.woff2') format('woff2'),
+       url('overpass-mono-regular.woff') format('woff');
+       font-weight: 400;
+       font-style: normal;
+}
+
+
+
+@font-face {
+  font-family: 'overpass-mono';
+  src: url('overpass-mono-semibold.woff2') format('woff2'),
+       url('overpass-mono-semibold.woff') format('woff');
+       font-weight: 500;
+       font-style: normal;
+}
+
+
+
+@font-face {
+  font-family: 'overpass-mono';
+  src: url('overpass-mono-bold.woff2') format('woff2'),
+       url('overpass-mono-bold.woff') format('woff');
+       font-weight: 600;
+       font-style: normal;
+}

keycloak-themes/keycloak/common/resources/node_modules/@patternfly/patternfly/assets/fonts/overpass-webfont/example.html

@@ -0,0 +1,18 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+      <link rel="stylesheet" href="overpass.css" />
+      <style>body{font-family: overpass, sans-serif; font-size:9vw; }
+      p{margin:0; line-height:1.2em; padding:0;}</style>
+</head>
+<body>
+  <p style="font-weight:200">Overpass <i>Overpass</i></p>
+  <p style="font-weight:300">Overpass <i>Overpass</i></p>
+  <p style="font-weight:400">Overpass <i>Overpass</i></p>
+  <p style="font-weight:500">Overpass <i>Overpass</i></p>
+  <p style="font-weight:600">Overpass <i>Overpass</i></p>
+  <p style="font-weight:700">Overpass <i>Overpass</i></p>
+  <p style="font-weight:800">Overpass <i>Overpass</i></p>
+  <p style="font-weight:900">Overpass <i>Overpass</i></p>
+</body>
+</html>