@tylertech/forge 3.0.0-next.12 → 3.0.0-next.13

package/styles/button/_button-text-theme.scss

@@ -1,60 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-//
-// Copyright 2021 Google Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-//
-
-@use '@material/feature-targeting/feature-targeting' as mdc-feature-targeting;
-@use '@material/theme/theme' as mdc-theme;
-@use './button-shared-theme';
-
-$light-theme: (
-  container-color: transparent,
-  container-hover-color: null,
-  container-focus-color: null,
-  container-pressed-color: null,
-  container-disabled-color: transparent,
-  density: button-shared-theme.$density-scale,
-  icon-color: null,
-  icon-hover-color: null,
-  icon-focus-color: null,
-  icon-pressed-color: null,
-  icon-disabled-color: null,
-  label-color: primary,
-  label-hover-color: null,
-  label-focus-color: null,
-  label-pressed-color: null,
-  label-disabled-color: button-shared-theme.$disabled-ink-color,
-  ripple-color: primary,
-  ripple-opacity: null,
-  shape: button-shared-theme.$shape-radius,
-);
-
-/// Sets theme based on provided theme configuration.
-/// Only emits theme related styles.
-/// @param {Map} $theme - Theme configuration to use.
-@mixin theme($theme, $query: mdc-feature-targeting.all()) {
-  @include mdc-theme.validate-theme($light-theme, $theme);
-  @include button-shared-theme.theme($theme, $query: $query);
-}

package/styles/button/_button-text.scss

@@ -1,57 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-//
-// Copyright 2021 Google Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-//
-
-// stylelint-disable selector-class-pattern --
-// Selector '.forge-*' should only be used in this project.
-
-@use 'sass:map';
-@use './button-shared-theme';
-@use './button-text-theme';
-
-@mixin styles($theme: button-text-theme.$light-theme, $query: $query) {
-  @include button-base.static-styles($query: $query);
-  @include static-styles($query: $query);
-  @include theme-styles($theme, $query: $query);
-}
-
-@mixin theme-styles(
-  $theme: button-text-theme.$light-theme,
-  $query: feature-targeting.all()
-) {
-  .forge-button {
-    @include button-text-theme.theme($theme, $query: $query);
-    // TODO(b/179402677): move this into theme config
-    @include button-shared-theme.horizontal-padding(
-      button-shared-theme.$horizontal-padding,
-      $query: $query
-    );
-  }
-}
-
-@mixin static-styles($query: feature-targeting.all()) {
-  // Intentionally left blank for future-proofing.
-}

package/styles/button/_button.mixins.scss

@@ -1,148 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-//
-// Copyright 2020 Google Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-//
-
-@use '@material/feature-targeting/feature-targeting' as mdc-feature-targeting;
-@use '@material/theme/color-palette' as mdc-color-palette;
-@use './button-base';
-@use './button-filled';
-@use './button-outlined';
-@use './button-outlined-theme';
-@use './button-protected';
-@use './button-ripple';
-@use './button-text';
-@use './button-text-theme';
-@use './button-shared-theme';
-@use '../theme';
-
-@mixin styles($query: mdc-feature-targeting.all()) {
-  @include static-styles($query: $query);
-  @include theme-styles($query: $query);
-
-  // FORGE(new): add custom forge-specific styles
-  @include forge-styles;
-}
-
-@mixin forge-styles() {
-  .forge-button--dense {
-    @include button-base.dense;
-  }
-
-  forge-button {
-    @include host;
-  }
-  
-  forge-button[hidden] {
-    display: none;
-  }
-  
-  forge-button[disabled] {
-    cursor: not-allowed;
-  }
-  
-  a.forge-hyperlink {
-    @include anchor-link;
-  }
-  
-  button.forge-hyperlink {
-    @include link;
-  }
-}
-
-@mixin theme-styles($query: mdc-feature-targeting.all()) {
-  @include button-text.theme-styles(
-    button-text-theme.$light-theme,
-    $query: $query
-  );
-  @include button-filled.theme-styles($query: $query);
-  @include button-protected.theme-styles($query: $query);
-  @include button-outlined.theme-styles($query: $query);
-}
-
-@mixin static-styles($query: mdc-feature-targeting.all()) {
-  @include button-base.static-styles($query: $query);
-  @include button-text.static-styles($query: $query);
-  @include button-filled.static-styles($query: $query);
-  @include button-protected.static-styles($query: $query);
-  @include button-outlined.static-styles($query: $query);
-}
-
-@mixin without-ripple($query: mdc-feature-targeting.all()) {
-  @include button-base.static-styles-without-ripple($query: $query);
-  @include button-text.static-styles($query: $query);
-  @include button-filled.static-styles($query: $query);
-  @include button-protected.static-styles($query: $query);
-  @include button-outlined.static-styles($query: $query);
-}
-
-///
-/// FORGE(new): additional Forge mixins
-///
-
-@mixin host() {
-  display: inline-block;
-}
-
-@mixin link() {
-  @include theme.property(color, primary);
-
-  cursor: pointer;
-  border: none;
-  background-color: transparent;
-  font-size: inherit;
-  padding: 0;
-  outline: none;
-  text-align: left;
-
-  &[disabled] {
-    pointer-events: none;
-    cursor: default;
-  }
-
-  &:hover:not([disabled]) {
-    text-decoration: underline;
-  }
-}
-
-@mixin anchor-link() {
-  @include theme.property(color, primary);
-
-  text-decoration: none;
-  
-  &:visited {
-    @include theme.property(color, primary);
-  }
-
-  &[disabled] {
-    pointer-events: none;
-    cursor: default;
-  }
-
-  &:focus,
-  &:hover:not([disabled]) {
-    text-decoration: underline;
-  }
-}

package/styles/button/_mixins.scss

@@ -1,183 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '@material/typography/typography';
-@use '@material/feature-targeting/feature-targeting';
-@use '@material/button/button-base';
-@use '@material/button/button-filled';
-@use '@material/button/button-protected';
-@use '@material/button/button-outlined';
-@use '@material/button/button-outlined-theme';
-@use '@material/button/button-shared-theme';
-@use '@material/ripple/ripple';
-@use '@material/ripple/ripple-theme';
-@use '@material/theme/theme';
-@use '@material/theme/color-palette';
-@use '../theme' as forge-theme;
-
-@mixin core-styles() {
-  .forge-button {
-    @include base;
-    
-    &__icon {
-      @include icon;
-    }
-
-    &__label {
-      @include label;
-    }
-    
-    &__label + &__icon {
-      @include icon-trailing;
-    }
-
-    svg.forge-button__icon {
-      @include icon-svg;
-    }
-    
-    &--raised,
-    &--unelevated,
-    &--outlined {
-      .forge-button__icon {
-        @include icon-contained;
-      }
-      
-      .forge-button__label + .forge-button__icon {
-        @include icon-contained-trailing;
-      }
-    }
-    
-    &--raised,
-    &--unelevated {
-      @include raised-elevated;
-    }
-    
-    &--raised {
-      @include raised;
-    }
-    
-    &--outlined {
-      @include outlined;
-
-      &:disabled {
-        @include outlined-disabled;
-      }
-    }
-    
-    &--dense {
-      @include dense;
-    }
-  }
-}
-
-@mixin host() {
-  display: inline-block;
-}
-
-@mixin base() {
-  @include ripple.surface();
-  @include ripple.radius-bounded();
-  @include ripple-theme.states(primary, false);
-  @include button-base.base(feature-targeting.all());
-  @include button-shared-theme.shape-radius(small);
-  @include button-shared-theme.container-fill-color(transparent);
-  @include button-shared-theme.ink-color(primary);
-  @include button-shared-theme.density(0);
-  
-  text-transform: none;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-
-@mixin label() {
-  @include typography.overflow-ellipsis();
-}
-
-@mixin icon() {
-  @include button-base.icon;
-}
-
-@mixin icon-svg() {
-  @include button-base.icon-svg;
-}
-
-@mixin icon-trailing() {
-  @include button-base.icon-trailing;
-}
-
-@mixin icon-contained() {
-  @include button-base.icon-contained;
-}
-
-@mixin icon-contained-trailing() {
-  @include button-base.icon-contained-trailing;
-}
-
-@mixin outlined() {
-  @include button-outlined.outlined(feature-targeting.all());
-  @include button-outlined-theme.outline-width(button-outlined-theme.$outlined-border-width);
-  @include button-outlined-theme.outline-color(primary);
-}
-
-@mixin outlined-disabled() {
-  @include forge-theme.property(border-color, border-color);
-  @include theme.property(color, text-disabled-on-light);
-}
-
-@mixin raised() {
-  @include button-protected.raised(feature-targeting.all());
-}
-
-@mixin dense() {
-  @include button-shared-theme.density(-3);
-
-  height: 1.5rem;
-}
-
-@mixin raised-elevated() {
-  @include ripple-theme.states(on-primary, false);
-  @include button-filled.filled(feature-targeting.all());
-  @include button-shared-theme.container-fill-color(primary);
-  @include button-shared-theme.ink-color(on-primary);
-}
-
-@mixin link() {
-  cursor: pointer;
-  border: none;
-  color: color-palette.$indigo-500;
-  background-color: transparent;
-  font-size: inherit;
-  padding: 0;
-  outline: none;
-  text-align: left;
-
-  &[disabled] {
-    pointer-events: none;
-    cursor: default;
-  }
-
-  &:hover:not([disabled]) {
-    text-decoration: underline;
-  }
-}
-
-@mixin anchor-link() {
-  text-decoration: none;
-  color: color-palette.$indigo-500;
-  
-  &:visited {
-    color: color-palette.$indigo-500;
-  }
-
-  &[disabled] {
-    pointer-events: none;
-    cursor: default;
-  }
-
-  &:focus,
-  &:hover:not([disabled]) {
-    text-decoration: underline;
-  }
-}

package/styles/checkbox/_checkbox-custom-properties.scss

@@ -1,11 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-$checked-color: --mdc-checkbox-checked-color !default;
-$disabled-color: --forge-theme-form-field-icon-disabled-on-background !default; // FORGE(modify): use forge-specific theme variable
-$ink-color: --mdc-checkbox-ink-color !default;
-$ripple-size: --mdc-checkbox-ripple-size !default;
-$touch-target-size: --mdc-checkbox-touch-target-size !default;
-$unchecked-color: --mdc-theme-text-secondary-on-background !default; // FORGE(modify): use forge-specific theme variable