@linzjs/lui 16.2.5 → 16.2.6

package/dist/scss/base.scss

@@ -71,7 +71,6 @@
 @forward "./Components/LuiFormSection/LuiHelpInfo/LuiHelpInfo.scss";
 @forward "./Components/LuiShadow/LuiShadow.scss";
 @forward "./Components/LuiBadge/LuiBadge.scss";
-@forward "./Components/LuiHeaderGlobal/LuiHeaderGlobal.scss";
 
 // The following have scss next to the component that is yet to be hooked up with the react implementation
 // LuiTabs

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "16.2.5",
+  "version": "16.2.6",
   "license": "MIT",
   "repository": {
     "type": "git",

package/dist/components/LuiHeaderGlobal/LuiHeaderGlobal.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface ILuiHeaderGlobal {
-    children?: React.ReactNode;
-    isPublic?: boolean;
-    mainTitle: string;
-}
-export declare const LuiHeaderGlobal: ({ isPublic, mainTitle }: ILuiHeaderGlobal) => JSX.Element;

package/dist/components/LuiHeaderGlobal/LuiHeaderGlobalPublic.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface ILuiHeaderGlobalPublic {
-    children?: React.ReactNode;
-    mainTitle: string;
-}
-export declare const LuiHeaderGlobalPublic: ({ mainTitle, }: ILuiHeaderGlobalPublic) => JSX.Element;

package/dist/scss/Components/LuiHeaderGlobal/LuiHeaderGlobal.scss

@@ -1,101 +0,0 @@
-@use "../../Foundation/Variables/MiscVars.scss" as misc;
-@use "../../Foundation/Variables/ColorVars.scss" as colors;
-@use "../../Foundation/Variables/FontVars.scss" as fonts;
-@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
-@use "../../Foundation/Utilities" as *;
-
-.LuiHeaderGlobal {
-  min-height: 56px;
-  background: colors.$linz-linear-gradient-blue;
-  display: flex;
-  justify-content: space-between;
-  padding: spacing.$unit-xxs;
-}
-
-.LuiHeaderGlobal-primary,
-.LuiHeaderGlobal-secondary {
-  display: flex;
-  align-items: center;
-}
-
-.LuiHeaderGlobal-logo {
-  max-width: spacing.$unit-lg;
-  height: auto;
-}
-
-.LuiHeaderGlobal-title {
-  margin: 0;
-  color: colors.$snow;
-  display: none;
-  padding: 0 spacing.$unit-xs;
-
-  @include breakpoint(540px) {
-    display: block;
-  }
-
-  &--isPublic {
-    display: block;
-  }
-}
-
-.LuiHeaderGlobal-firmDetails {
-  padding: spacing.$unit-xxs spacing.$unit-sm;
-  border-radius: spacing.$unit-xxs;
-}
-
-.LuiHeaderGlobal-firmDetailsText {
-  text-align: right;
-  @include fonts.font-semibold;
-  font-size: 14px;
-  line-height: 20px;
-  margin: 0;
-  color: colors.$polar;
-
-  &--secondary {
-    @include fonts.font-regular;
-  }
-}
-
-.LuiHeaderGlobal-icon {
-  fill: colors.$polar;
-  transition: fill 0.3s ease-in-out;
-
-  .LuiHeaderGlobal-trigger:hover & {
-    // fill: colors.$snow;
-  }
-}
-
-.LuiHeaderGlobal-trigger {
-  background: transparent;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: spacing.$unit-xs;
-  border-radius: spacing.$unit-xxs;
-  transition-property: opacity, filter, background;
-  transition-duration: 0.15s;
-  transition-timing-function: ease-in-out;
-
-  &:hover {
-    filter: opacity(80%);
-  }
-
-  &--active {
-    background-color: colors.$teal;
-    opacity: 1;
-  }
-
-  &--logo {
-    padding: spacing.$unit-xs;
-  }
-
-  &--firmDetails {
-    padding: 0;
-    display: none;
-
-    @include breakpoint(lg) {
-      display: block;
-    }
-  }
-}