@tylertech/forge 3.0.0-next.22 → 3.0.0-next.24

package/styles/busy-indicator/_mixins.scss

@@ -1,185 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '@material/button/button-shared-theme' as mdc-button-shared-theme;
-@use '@material/elevation/elevation-theme' as mdc-elevation-theme;
-@use '@material/typography/typography' as mdc-typography;
-@use '@material/theme/theme' as mdc-theme;
-@use '@material/animation/functions' as mdc-animation;
-@use '../theme';
-@use './variables';
-
-@mixin host() {
-  outline: none;
-  contain: content;
-}
-
-@mixin core-styles-row() {
-  .forge-busy-indicator {
-    
-    &__surface {
-      @include surface;
-
-      &--fixed {
-        @include surface-fixed;
-      }
-
-      &--invisible {
-        @include surface-invisible;
-      }
-    }
-
-    &__title {
-      @include title;
-    }
-
-    &__message-container {
-      @include message-container;
-    }
-
-    &__message {
-      @include message;
-    }
-
-    &__cancel-button {
-      @include cancel-button;
-    }
-
-    &__progress-container {
-      @include progress-container;
-    }
-  }
-}
-
-@mixin core-styles-column() {
-  .forge-busy-indicator {
-    &__surface {
-      @include surface($direction: 'column');
-
-      &--invisible {
-        @include surface-invisible;
-      }
-    }
-
-    &__title {
-      @include title;
-    }
-
-    &__message-container {
-      @include column-layout;
-    }
-
-    &__message {
-      @include row-layout-message;
-    }
-
-    &__cancel-button {
-      @include row-layout-cancel-button;
-    }
-
-    &__progress-container {
-      @include progress-container;
-    }
-
-    &__spinner {
-      margin-bottom: 32px;
-    }
-  }
-}
-
-@mixin surface($direction: 'row') {
-  @include mdc-elevation-theme.elevation(24);
-  @include mdc-theme.property(background-color, surface);
-  @include mdc-button-shared-theme.shape-radius(medium, false);
-  @include theme.z-index(dialog);
-
-  position: absolute;
-  padding: 48px;
-  box-sizing: border-box;
-  top: 50%;
-  left: 50%;
-  transform: translateX(-50%) translateY(-50%);
-  transition: mdc-animation.enter(opacity, 120ms);
-  outline: none;
-  opacity: 0;
-
-  @if $direction == 'row' {
-    min-width: variables.$surface-min-width-row;
-    max-width: variables.$surface-max-width-row;
-  } @else {
-    min-width: variables.$surface-min-width;
-    max-width: variables.$surface-max-width;
-  }
-}
-
-@mixin surface-fixed() {
-  position: fixed;
-}
-
-@mixin surface-invisible() {
-  background: transparent;
-  box-shadow: none;
-  min-width: auto;
-}
-
-@mixin title() {
-  @include mdc-typography.typography(headline5);
-
-  margin-top: -24px;
-  margin-left: -24px;
-}
-
-@mixin message-container() {
-  display: flex;
-  align-items: center;
-}
-
-@mixin message() {
-  @include mdc-typography.typography(body1);
-  @include mdc-theme.property(color, text-secondary-on-background);
-
-  flex: 1 auto;
-  margin-block: 0;
-
-  &:nth-child(2) {
-    margin-left: 16px;
-  }
-}
-
-@mixin cancel-button() {
-  margin-left: 16px;
-}
-
-@mixin progress-container() {
-  min-width: 244px;
-  margin-top: 24px;
-}
-
-@mixin row-layout {
-  flex-direction: row;
-  display: flex;
-}
-
-@mixin column-layout {
-  flex-direction: column;
-  display: flex;
-  place-items: center;
-}
-
-@mixin row-layout-cancel-button {
-  margin-top: 16px;
-  margin-bottom: -36px;
-  margin-right: 0;
-  margin-left: 0;
-}
-
-@mixin row-layout-message() {
-  @include mdc-typography.typography(body1);
-  @include mdc-theme.property(color, text-secondary-on-background);
-
-  flex: 1 auto;
-  text-align: center;
-  margin: 0;
-}

package/styles/busy-indicator/_variables.scss

@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-$surface-min-width: 256px !default;
-$surface-max-width: 356px !default;
-$surface-min-width-row: 280px !default;
-$surface-max-width-row: 865px !default;

package/styles/busy-indicator/busy-indicator.scss

@@ -1,22 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './mixins';
-
-:host {
-  @include mixins.host;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-:host([direction=row]) {
-  @include mixins.core-styles-row;
-}
-
-:host([direction=column]) {
-  @include mixins.core-styles-column;
-}

package/styles/busy-indicator/forge-busy-indicator.scss

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-*[forge-busy-indicator-open=true] {
-  overflow: hidden;
-}

package/styles/open-icon/_mixins.scss

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '../theme';
-@use './variables';
-
-@mixin core-styles() {
-  .forge-open-icon {
-    @include base();
-
-    .icon {
-      @include icon;
-    }
-  
-    &.forge-open-icon--open {
-      .icon {
-        @include open;
-      }
-    }
-  }
-}
-
-@mixin host() {
-  line-height: variables.$line-height;
-}
-
-@mixin base() {
-  @include theme.property(color, icon-color);
-}
-
-@mixin icon() {
-  transition: transform variables.$transition-duration;
-}
-
-@mixin open() {
-  transform: rotate(180deg);
-}

package/styles/open-icon/_variables.scss

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-$line-height: 0.5 !default;
-$size: 24px !default;
-$transition-duration: 400ms !default;

package/styles/paginator/_mixins.scss

@@ -1,136 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '@material/typography/typography' as mdc-typography;
-@use '@material/theme/theme' as mdc-theme;
-@use '../typography/mixins' as typography-mixins;
-@use './variables';
-
-@mixin core-styles() {
-  .forge-paginator {
-    @include base;
-
-    &--alternative {
-      @include base-alternative;
-
-      .forge-paginator {
-        &__range-label,
-        &__page-size-options,
-        &__label {
-          display: none;
-        }
-
-        &__range-label--alternative {
-          @include range-label-alternative;
-        }
-      }
-    }
-
-    &__range-label--alternative {
-      display: none;
-    }
-
-    &__container {
-      @include container;
-    }
-
-    &__label {
-      @include label;
-    }
-
-    &__page-size-options {
-      @include page-size-options;
-    }
-
-    &__range-label {
-      @include range-label;
-    }
-
-    &__first-page,
-    &__previous-page,
-    &__next-page,
-    &__last-page {
-      @include button;
-    }
-  }
-}
-
-@mixin base() {
-  display: inline-block;
-}
-
-@mixin base-alternative {
-  display: flex;
-}
-
-@mixin container() {
-  display: flex;
-  align-items: center;
-}
-
-@mixin container-alternative() {
-  display: flex;
-  align-items: center;
-}
-
-@mixin label-base() {
-  @include mdc-typography.typography(caption);
-}
-
-@mixin label-alternative-base() {
-  display: inline-block;
-  @include mdc-typography.typography(body2);
-}
-
-@mixin label() {
-  @include label-base;
-  margin-right: variables.$margin-right - 16px;
-}
-
-@mixin page-size-options() {
-  margin-right: variables.$margin-right - 16px;
-}
-
-@mixin range-label() {
-  @include label-base;
-  margin-right: variables.$margin-right - 24px;
-}
-
-@mixin range-label-alternative {
-  @include label-alternative-base;
-  margin: 0 12px;
-}
-
-@mixin button() {
-  @include mdc-theme.property(color, text-primary-on-background);
-}
-
-@mixin alternative-alignment {
-  .forge-paginator {
-    &--alignment-center {
-      .forge-paginator__container {
-        justify-content: center;
-      }
-
-      .forge-paginator__range-label--alternative {
-        margin: 0 auto;
-      }
-    }
-    &--alignment-start {
-      .forge-paginator__container {
-        justify-content: flex-start;
-      }
-    }
-    &--alignment-end {
-      .forge-paginator__container {
-        justify-content: flex-end;
-      }
-    }
-
-    .forge-paginator__container {
-      flex: 1;
-    }
-  }
-}

package/styles/quantity-field/_mixins.scss

@@ -1,116 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '@material/theme/theme' as mdc-theme;
-@use '@material/typography/typography' as mdc-typography;
-@use '../theme';
-
-@mixin core-styles() {
-  .forge-quantity-field {
-    ::slotted([slot='label']) {
-      @include label();
-    }
-
-    ::slotted([slot='helper-text']) {
-      @include helper-text();
-    }
-
-    &__row {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-    }
-
-    ::slotted(forge-icon-button:first-of-type) {
-      // If the forge-icon-button is slotted, add our desired color and margin
-      @include decrement-button();
-    }
-
-    ::slotted(forge-icon-button:last-of-type) {
-      // If the forge-icon-button is slotted, add our desired color and margin
-      @include increment-button();
-    }
-
-    ::slotted(forge-text-field) {
-      // If the forge-text-field is slotted, remove its excess top and bottom margin
-      --forge-text-field-margin-top: 0;
-      --forge-text-field-margin-bottom: 0;
-    }
-
-    &--required {
-      ::slotted([slot='label']) {
-        @include required-label();
-      }
-    }
-
-    &--invalid {
-      ::slotted([slot='label']) {
-        @include label-invalid();
-      }
-
-      ::slotted([slot='helper-text']) {
-        @include helper-text-invalid();
-      }
-    }
-  }
-}
-
-// Label
-
-@mixin label-base() {
-  @include mdc-typography.typography(caption);
-}
-
-@mixin label() {
-  @include label-base();
-  @include theme.property(color, text-secondary-on-background);
-}
-
-@mixin label-invalid() {
-  @include label-base();
-  @include mdc-theme.property(color, error);
-}
-
-@mixin required-label() {
-  &::before {
-    @include mdc-theme.property(color, error);
-    content: '*';
-    margin-right: 4px;
-  }
-}
-
-// Helper text
-
-@mixin helper-text-base() {
-  @include mdc-typography.typography(caption);
-  @include mdc-typography.baseline-top(16px);
-  height: 1rem;
-}
-
-@mixin helper-text() {
-  @include helper-text-base();
-  @include theme.property(color, text-secondary-on-background);
-}
-
-@mixin helper-text-invalid() {
-  @include helper-text-base();
-  @include mdc-theme.property(color, error);
-}
-
-// Icon buttons
-
-@mixin icon-button() {
-  color: var(--mdc-theme-text-secondary-on-light);
-}
-
-@mixin decrement-button() {
-  @include icon-button();
-  margin-right: 4px;
-}
-
-@mixin increment-button() {
-  @include icon-button();
-  margin-left: 4px;
-}

package/styles/quantity-field/forge-quantity-field.scss

@@ -1,18 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-// These styles prevent the native spinners (up and down arrows) from rendering in an input[type=number].
-// These styles get applied from the global style sheet - forge.scss
-forge-quantity-field {
-  input[type=number]::-webkit-outer-spin-button,
-  input[type=number]::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  input[type=number] {
-    -moz-appearance: textfield;
-  }
-}

package/styles/quantity-field/quantity-field.scss

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './mixins';
-
-@include mixins.core-styles();
-
-:host {
-  display: inline-block;
-}
-
-:host([hidden]) {
-  display: none;
-}