@linzjs/lui 12.1.4 → 12.2.0-roll-up.0

package/dist/scss/Components/Modal/modal.scss

@@ -1,104 +0,0 @@
-@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 *;
-
-.lui-modal {
-  padding: spacing.$unit-lg;
-  border-left: 0px solid transparent;
-  margin: spacing.$unit-lg 0;
-  color: colors.$fuscous;
-  background: #fff;
-  position: relative;
-  max-width: 600px;
-
-  h2 {
-    font-size: 1.25rem;
-    @include fonts.font-semibold;
-    color: colors.$fuscous;
-    margin: 0;
-  }
-  h2 + p {
-    margin-top: spacing.$unit-sm;
-  }
-  &-success {
-    border-color: colors.$success;
-    border-width: 50px;
-  }
-  &-info {
-    border-color: colors.$info;
-    border-width: 50px;
-  }
-  &-warning {
-    border-color: colors.$warning;
-    border-width: 50px;
-  }
-  &-error {
-    border-color: colors.$error;
-    border-width: 50px;
-  }
-  .modal-btn-row {
-    margin-top: spacing.$unit-lg;
-    // text-align: right;
-  }
-  &-no-padding {
-    padding: 0;
-  }
-  &-header {
-    @include lui-standard-header-background(5px);
-    color: #fff;
-    &-title {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      height: 85px;
-      width: 100%;
-      padding: 0 spacing.$unit-lg;
-      & h1 {
-        display: inline;
-        font-size: 2rem;
-        line-height: 2rem;
-        @include fonts.font-light;
-        margin: 0;
-
-        @include breakpoint(md) {
-          font-size: 2.25rem;
-          line-height: 2.25rem;
-        }
-      }
-      & button {
-        font-size: unset;
-        & i {
-          vertical-align: middle;
-        }
-      }
-    }
-    &-close-btn {
-      border-bottom: none !important;
-      color: rgba(255, 255, 255, 0.7);
-      border: none;
-      outline: none;
-      padding: 0;
-      border-radius: 50%;
-      background-color: transparent;
-      text-align: center;
-      float: right;
-    }
-    &-btn-size {
-      font-size: 32px;
-    }
-  }
-  &-container {
-    margin: spacing.$unit-lg;
-  }
-  &-modal-positioning {
-    padding: spacing.$unit-xs;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-.lui-modal-header-title h1 {
-  color: colors.$white;
-}

package/dist/scss/Components/NavDrawer/nav-drawer.scss

@@ -1,9 +0,0 @@
-@use "../../Foundation/Utilities/" as *;
-
-.MuiDrawer-paper {
-  min-width: 310px;
-
-  @include breakpoint(sm) {
-    min-width: 400px;
-  }
-}

package/dist/scss/Components/Notifications/notifications.scss

@@ -1,63 +0,0 @@
-@use "../../Foundation/Variables/MiscVars.scss" as misc;
-@use "../../Foundation/Variables/ColorVars.scss" as colors;
-@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
-@use "../../Foundation/Utilities" as *;
-
-.lui-large-feature-notification {
-  // @include lui-close-btn-icon;
-  width: 100%;
-  display: block;
-
-  @include breakpoint(sm) {
-    padding-bottom: spacing.$unit-lg;
-    min-width: 700px;
-    max-width: 800px;
-    min-height: 300px;
-  }
-
-  @include breakpoint(md) {
-    max-width: 900px;
-  }
-
-  button {
-    color: colors.$sea;
-  }
-
-  background-color: #fff;
-  position: relative;
-}
-
-.lui-feature-img {
-  background: rgb(0, 161, 161);
-  background: linear-gradient(
-    62deg,
-    rgba(0, 161, 161, 1) 0%,
-    rgba(191, 237, 246, 1) 100%
-  );
-  min-height: 100px;
-  padding: spacing.$unit-lg spacing.$unit-lg 0 spacing.$unit-lg;
-  border-bottom: 1px solid colors.$sea;
-
-  h1 {
-    color: #fff;
-    margin: 0 0 spacing.$unit-lg 0;
-    text-shadow: 1.5px 1.5px 1px rgba(0, 75, 80, 1);
-    @media only screen and (max-width: sm) {
-      text-shadow: 1px 1px 1px rgba(0, 75, 80, 1);
-      font-size: 2.06rem;
-    }
-  }
-
-  img {
-    width: 100%;
-    height: auto;
-    display: block;
-    @include breakpoint(sm) {
-    }
-  }
-}
-
-.lui-feature-text {
-  padding-left: spacing.$unit-md;
-  padding-right: spacing.$unit-md;
-}

package/dist/scss/Components/Scrim/scrim.scss

@@ -1,28 +0,0 @@
-@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
-
-// =================================================== //
-//                      Lui scrim                      //
-// =================================================== //
-
-.lui-scrim,
-.lui-scrim-low-contrast {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1000; // TODO figure out correct z-index level
-  // These values appear in .lui-modal-positioning. Once we've made the changes in our App to reference the new class, we need to remove the below declarations so it doesn't mess with content being positioned in the 'low contrast' edit mode.
-  padding: spacing.$unit-xs;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  // END DUPLICATED DECLARATIONS
-}
-
-.lui-scrim {
-  background: rgba(0, 0, 0, 0.6);
-  &-low-contrast {
-    background: rgba(255, 255, 255, 0.75);
-  }
-}

package/dist/scss/Components/Spinner/spinner.scss

@@ -1,7 +0,0 @@
-@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
-
-.LuiStatusSpinner {
-  p {
-    margin-top: spacing.$unit-xs;
-  }
-}

package/dist/scss/Core.scss

@@ -1 +0,0 @@
-@forward "./Foundation";

package/dist/scss/Elements/Buttons/buttons-linz.scss

@@ -1,36 +0,0 @@
-@use "./buttons.scss";
-@use "../../Foundation/Variables/ColorVars.scss" as colors;
-
-.linz-button-primary {
-  border: buttons.$strokeWeight solid colors.$linz-color-primary;
-  background-color: colors.$linz-color-primary;
-  border-color: colors.$linz-color-primary;
-  color: #fff;
-  &:hover {
-    background-color: colors.$linz-color-primary-hover;
-    border-color: colors.$linz-color-primary-hover;
-    cursor: pointer;
-  }
-}
-
-.linz-button-secondary {
-  border: buttons.$strokeWeight solid colors.$linz-color-primary;
-  color: colors.$linz-color-primary;
-  &:hover {
-    background-color: colors.$linz-color-primary-hover;
-    border-color: colors.$linz-color-primary-hover;
-    color: #fff;
-    cursor: pointer;
-  }
-}
-
-.linz-button-tertiary {
-  border: buttons.$strokeWeight solid colors.$linz-color-tertiary;
-  background-color: colors.$linz-color-tertiary;
-  color: colors.$linz-color-primary;
-  &:hover {
-    background-color: colors.$linz-color-tertiary-hover;
-    border-color: colors.$linz-color-tertiary-hover;
-    cursor: pointer;
-  }
-}