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

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

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './mixins';
-
-@include mixins.core-styles;

package/styles/icon/_mixins.scss

@@ -1,37 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '../theme/theme-values';
-@use '../theme';
-@use './variables';
-
-@mixin provide-theme($theme) {
-  @include theme.theme-properties(icon, $theme, variables.$theme-values);
-}
-
-@mixin host() {
-  @include theme.css-custom-property(font-size, --forge-icon-font-size, variables.$font-size);
-
-  display: inline-block;
-  contain: content;
-  box-sizing: content-box !important;
-}
-
-@mixin svg() {
-  @include theme.css-custom-property(fill, --forge-icon-theme-color, variables.$color);
-  @include theme.css-custom-property(stroke, --forge-icon-theme-color, variables.$color);
-
-  display: block;
-  width: 1em;
-  height: 1em;
-  stroke-width: 0;
-}
-
-@mixin theme($theme) {
-  :host([theme='#{$theme}']) {
-    $colorValue: map-get(theme-values.$property-values, $theme);
-    @include theme.css-custom-property('color', $theme, $colorValue);
-  }
-}

package/styles/icon/_variables.scss

@@ -1,10 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-$font-size: 24px !default;
-$color: currentColor;
-$theme-values: (
-  color: $color
-);

package/styles/label-value/_mixins.scss

@@ -1,205 +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 './variables';
-
-@mixin host() {
-  display: block;
-  min-width: 0;
-}
-
-@mixin base() {
-  display: flex;
-  min-height: variables.$height;
-}
-
-@mixin container() {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-@mixin icon-container() {
-  display: flex;
-  align-items: flex-start;
-}
-
-@mixin ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-@mixin align-center() {
-  align-items: center;
-}
-
-@mixin align-right() {
-  align-items: flex-end;
-}
-
-@mixin label() {
-  @include mdc-typography.typography(caption);
-  @include mdc-theme.property(color, text-secondary-on-background);
-
-  font-size: variables.$label-size;
-  height: variables.$label-size;
-  line-height: variables.$label-size;
-  margin-top: 0.5rem;
-}
-
-@mixin value() {
-  @include mdc-typography.typography(body1);
-
-  line-height: 1rem;
-  margin-top: 0.375rem;
-}
-
-@mixin roomy() {
-  min-height: variables.$roomy-height;
-}
-
-@mixin dense() {
-  min-height: variables.$dense-height;
-}
-
-@mixin container-dense() {
-  flex-direction: row;
-  align-items: center;
-}
-
-@mixin dense-label() {
-  margin-top: 0;
-  margin-right: 8px;
-}
-
-@mixin dense-value() {
-  margin-top: 0;
-  font-size: 0.875rem;
-}
-
-@mixin roomy-label() {
-  margin-top: 0.625rem;
-}
-
-@mixin roomy-value() {
-  margin-top: 0.5rem;
-}
-
-@mixin empty-value() {
-  @include mdc-theme.property(color, text-secondary-on-background);
-
-  font-style: italic;
-}
-
-@mixin icon() {
-  @include mdc-theme.property(color, text-primary-on-background);
-
-  font-size: 1.25rem !important;
-  margin-right: 8px;
-  margin-top: 4px;
-}
-
-@mixin dense-icon() {
-  margin-top: 2px;
-}
-
-@mixin roomy-icon() {
-  margin-top: 6px;
-}
-
-@mixin core-styles() {
-  .forge-label-value {
-    @include base;
-
-    &__container {
-      @include container;
-    }
-
-    &__icon-container {
-      @include icon-container;
-
-      ::slotted([slot='icon']) {
-        @include icon;
-      }
-    }
-
-    &--align-center {
-      .forge-label-value__container {
-        @include align-center;
-      }
-    }
-
-    &--align-right {
-      .forge-label-value__container {
-        @include align-right;
-      }
-    }
-
-    &__label {
-      @include label;
-    }
-
-    &__value {
-      @include value;
-    }
-
-    &--roomy {
-      @include roomy;
-
-      .forge-label-value__label {
-        @include roomy-label;
-      }
-
-      .forge-label-value__value {
-        @include roomy-value;
-      }
-
-      ::slotted([slot='icon']) {
-        @include roomy-icon;
-      }
-    }
-
-    &--dense {
-      @include dense;
-
-      .forge-label-value__container {
-        @include container-dense;
-
-        .forge-label-value__label {
-          @include dense-label;
-        }
-
-        .forge-label-value__value {
-          @include dense-value;
-        }
-
-      }
-      
-      ::slotted([slot='icon']) {
-        @include dense-icon;
-      }
-    }
-
-    &--empty {
-      .forge-label-value__value {
-        @include empty-value;
-      }
-    }
-
-    &--ellipsis {
-      .forge-label-value__container {
-        overflow: hidden;
-
-        .forge-label-value__label,
-        .forge-label-value__value {
-          @include ellipsis;
-        }
-      }
-    }
-  }
-}

package/styles/label-value/_variables.scss

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '../theme/theme-values';
-
-$color: rgba(theme-values.$on-surface, 0.6);
-$height: 3rem;
-$label-size: 0.8125rem;
-$dense-height: 1.5rem;
-$roomy-height: 3.5rem;

package/styles/popup/_mixins.scss

@@ -1,86 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '@material/animation/animation' as mdc-animation;
-@use '@material/theme/theme' as mdc-theme;
-@use '@material/menu-surface/mixins' as mdc-menu-surface-mixins;
-@use '../theme';
-@use './variables';
-
-@mixin host() {
-  @include theme.z-index(popup);
-  @include mdc-menu-surface-mixins.shape-radius(medium, false);
-
-  display: inline-block;
-  box-sizing: border-box;
-  outline: none;
-  position: absolute;
-  overflow: visible;
-}
-
-@mixin base() {
-  @include theme.css-custom-property(min-width, --min-width, variables.$min-width);
-  @include theme.property(background-color, elevated-surface);
-  @include theme.property(box-shadow, popup-elevation);
-  @include mdc-menu-surface-mixins.ink-color(on-surface);
-  @include mdc-menu-surface-mixins.shape-radius(medium, false);
-
-  display: none;
-  box-sizing: border-box;
-  min-width: 100%;
-  margin: 0;
-  padding: 0;
-  transform: scale(1);
-  transform-origin: 50% 24px 0;
-  opacity: 0;
-  will-change: transform, opacity;
-  transition:
-      opacity variables.$animation-duration linear,
-      transform variables.$animation-duration mdc-animation.$deceleration-curve-timing-function;
-}
-
-@mixin opening() {
-  display: block;
-  transform: scale(0.8);
-  opacity: 0;
-}
-
-@mixin closed() {
-  display: block;
-  opacity: 0;
-  transition: opacity variables.$animation-duration linear;
-}
-
-@mixin open() {
-  display: block;
-  transform: scale(1);
-  opacity: 1;
-}
-
-@mixin core-styles() {
-  .forge-popup {
-    @include base;
-    @include theme.scrollbar;
-
-    &--opening {
-      @include opening;
-    }
-
-    &--closed {
-      @include closed;
-    }
-
-    &--open {
-      @include open;
-    }
-    
-    &--select {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-      max-height: 256px;
-      overflow-y: auto;
-    }
-  }
-}

package/styles/popup/_variables.scss

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-$min-width: 112px !default;
-$animation-duration: 120ms !default;

package/styles/popup/forge-popup.scss

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-.forge-popup-host {
-  position: relative;
-}

package/styles/popup/popup.scss

@@ -1,20 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './mixins';
-
-@include mixins.core-styles;
-
-:host {
-  @include mixins.host;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-:host([constrain-viewport-width]) {
-  max-width: 100vw;
-}

package/styles/ripple/forge-ripple.scss

@@ -1,17 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '@material/ripple/ripple' as mdc-ripple;
-
-@include mdc-ripple.common;
-@include mdc-ripple.core-styles;
-
-///
-/// Overriding the ripple color globally to make sure it stays in sync with the on-surface theme
-///
-.mdc-ripple-surface::after,
-.mdc-ripple-surface::before {
-  --mdc-ripple-color: var(--mdc-theme-on-surface);
-}

package/styles/scaffold/_mixins.scss

@@ -1,194 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '../theme';
-
-@mixin core-styles() {
-  .forge-scaffold {
-    @include base;
-  
-    &__header {
-      @include header;
-    }
-  
-    &__body {
-      @include body;
-  
-      // These next 3 selectors are needed for IE 11 support
-      ::slotted([slot=left]) {
-        @include body-aside;
-        @include left;
-      }
-  
-      ::slotted([slot=right]) {
-        @include body-aside;
-        @include right;
-      }
-
-      ::slotted([slot=body-left]) {
-        @include body-aside;
-        @include body-left-aside;
-      }
-  
-      ::slotted([slot=body-right]) {
-        @include body-aside;
-        @include body-right-aside;
-      }
-  
-      ::slotted([slot=body-header]) {
-        @include body-header;
-      }
-  
-      ::slotted([slot=body]) {
-        @include body-main;
-      }
-  
-      ::slotted([slot=body-footer]) {
-        @include body-footer;
-      }
-    }
-  
-    // These are the proper selectors to use for native Shadow DOM, but don't work in
-    // IE 11 (see above duplicate selectors for IE support)
-    ::slotted([slot=left]),
-    ::slotted([slot=right]),
-    ::slotted([slot=body-left]),
-    ::slotted([slot=body-right]) {
-      @include body-aside;
-    }
-  
-    ::slotted([slot=body-left]) {
-      @include body-left-aside;
-    }
-  
-    ::slotted([slot=body-right]) {
-      @include body-right-aside;
-    }
-  
-    ::slotted([slot=footer]) {
-      @include footer;
-    }
-
-    ::slotted([slot=left]) {
-      @include left;
-    }
-
-    ::slotted([slot=right]) {
-      @include right;
-    }
-  }
-}
-
-@mixin viewport-styles() {
-  @include theme.css-custom-property(width, --forge-scaffold-width, 100vw);
-  @include theme.css-custom-property(height, --forge-scaffold-height, 100vh);
-
-  --forge-scaffold-height: 100vh;
-  --forge-scaffold-width: 100vw;
-  
-  .forge-scaffold {
-    @include theme.css-custom-property(height, --forge-scaffold-height, 100vh);
-
-    --forge-scaffold-height: 100vh;
-
-    &__body {
-      @include theme.css-custom-property(width, --forge-scaffold-width, 100vw);
-
-      --forge-scaffold-width: 100vw;
-    }
-  }
-}
-
-@mixin host() {
-  @include theme.css-custom-property(width, --forge-scaffold-width, 100%);
-  @include theme.css-custom-property(height, --forge-scaffold-height, 100%);
-
-  box-sizing: border-box;
-  display: block;
-  position: relative;
-}
-
-@mixin base() {
-  @include theme.css-custom-property(height, --forge-scaffold-height, 100%);
-  @include theme.css-custom-property(position, --forge-scaffold-position, relative);
-  @include theme.css-custom-property(overflow, --forge-scaffold-overflow, hidden);
-
-  display: grid;
-  grid-template-rows: auto 1fr auto;
-  grid-template-columns: auto 1fr auto;
-}
-
-@mixin header() {
-  grid-row: 1;
-  grid-column: 2;
-  min-width: 0;
-}
-
-@mixin body() {
-  @include theme.css-custom-property(width, --forge-scaffold-width, 100%);
-  @include theme.css-custom-property(position, --forge-scaffold-body-position, relative);
-  
-  display: grid;
-  grid-template-rows: auto 1fr auto;
-  grid-template-columns: auto 1fr auto;
-  grid-row: 2;
-  grid-column: 2;
-  overflow: hidden;
-}
-
-@mixin body-header() {
-  grid-row: 1;
-  grid-column: 2;
-}
-
-@mixin body-main() {
-  overflow: auto;
-  grid-row: 2;
-  grid-column: 2;
-}
-
-@mixin body-footer() {
-  grid-row: 3;
-  grid-column: 2;
-}
-
-@mixin footer() {
-  grid-row: 3;
-  grid-column: 2;
-}
-
-@mixin body-aside() {
-  overflow: auto;
-}
-
-@mixin body-left-aside() {
-  grid-column: 1;
-
-  // When specifying a body-left slot, this allows the aside to span the last row
-  grid-row: 1/4;
-}
-
-@mixin body-right-aside() {
-  grid-column: 3;
-
-  // When specifying a body-left slot, this allows the aside to span the last row
-  grid-row: 1/4;
-}
-
-@mixin left() {
-  grid-column: 1;
-  grid-row: 1/5;
-}
-
-@mixin right() {
-  grid-column: 3;
-  grid-row: 1/5;
-}
-
-@mixin host() {
-  display: block;
-  height: 100%;
-  width: 100%;
-}

package/styles/scaffold/forge-scaffold.scss

@@ -1,43 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './mixins';
-
-.forge-scaffold {
-  @include mixins.base;
-
-  &__header {
-    @include mixins.header;
-  }
-
-  &__body {
-    @include mixins.body;
-
-    &-main {
-      @include mixins.body-main;
-    }
-
-    &-footer {
-      @include mixins.body-footer;
-    }
-  }
-
-  &__left-aside,
-  &__right-aside {
-    @include mixins.body-aside;
-  }
-
-  &__left-aside {
-    @include mixins.body-left-aside;
-  }
-
-  &__right-aside {
-    @include mixins.body-right-aside;
-  }
-
-  &__footer {
-    @include mixins.footer;
-  }
-}