@tylertech/forge 3.4.1 → 3.5.0

package/sass/meter/meter-group/_core.scss

@@ -0,0 +1,83 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '../../core/styles/spacing';
+@use '../../core/styles/theme';
+@use '../meter/core' as meter;
+@use './token-utils' as *;
+
+@forward './token-utils';
+
+@mixin host {
+  display: inline;
+}
+
+@mixin vertical-host {
+  display: block;
+}
+
+@mixin base {
+  box-sizing: border-box;
+}
+
+@mixin vertical-base {
+  @include meter.vertical-base;
+}
+
+@mixin heading {
+  @include meter.heading;
+}
+
+@mixin vertical-heading {
+  @include meter.vertical-heading;
+}
+
+@mixin heading-with-content {
+  @include meter.heading-with-content;
+}
+
+@mixin vertical-heading-with-content {
+  @include meter.vertical-heading-with-content;
+}
+
+@mixin label {
+  @include meter.label;
+}
+
+@mixin value {
+  @include meter.value;
+}
+
+@mixin track {
+  position: relative;
+  height: #{token(height)};
+  border-radius: #{token(shape)};
+  overflow: hidden;
+  background: #{token(background)};
+}
+
+@mixin vertical-track {
+  width: #{token(height)};
+  height: 100%;
+}
+
+@mixin tickmarks {
+  content: '';
+  position: relative;
+  display: block;
+  z-index: 9999;
+  width: 100%;
+  height: 100%;
+  margin-left: -1px;
+  background: meter.tickmarks-background(#{token(tickmarks)}, #{token(tickmark-color)});
+  opacity: #{token(tickmark-opacity)};
+  pointer-events: none;
+}
+
+@mixin vertical-tickmarks {
+  margin-top: 1px;
+  margin-left: 0;
+  background: meter.tickmarks-background(#{token(tickmarks)}, #{token(tickmark-color), null, true});
+}

package/sass/meter/meter-group/_token-utils.scss

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '../../core/styles/tokens/meter/meter-group/tokens';
+@use '../../core/styles/tokens/token-utils';
+
+$_module: meter-group;
+$_tokens: tokens.$tokens;
+
+@mixin provide-theme($theme) {
+  @include token-utils.provide-theme($_module, $_tokens, $theme);
+}
+
+@function token($name, $type: token) {
+  @return token-utils.token($_module, $_tokens, $name, $type);
+}
+
+@function declare($token) {
+  @return token-utils.declare($_module, $token);
+}
+
+@mixin override($token, $token-or-value, $type: token) {
+  @include token-utils.override($_module, $_tokens, $token, $token-or-value, $type);
+}
+
+@mixin tokens($includes: null, $excludes: null) {
+  @include token-utils.tokens($_module, $_tokens, $includes, $excludes);
+}

package/sass/meter/meter-group/index.scss

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@forward './core';

package/sass/meter/meter-group/meter-group.scss

@@ -0,0 +1,111 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '../../core/styles/shape';
+@use '../../core/styles/spacing';
+@use '../meter';
+@use './core';
+
+//
+// Host
+//
+
+:host {
+  @include core.host;
+}
+
+//
+// Base
+//
+
+.forge-meter-group {
+  @include core.tokens;
+}
+
+.forge-meter-group {
+  @include core.base;
+
+  .heading {
+    @include core.heading;
+
+    &.not-empty {
+      @include core.heading-with-content;
+    }
+  }
+
+  .label {
+    @include core.label;
+  }
+
+  .value {
+    @include core.value;
+  }
+
+  .track {
+    @include core.track;
+
+    &.tickmarks::after {
+      @include core.tickmarks;
+    }
+
+    &.inner-shape--inherit {
+      @include meter.provide-theme(
+        (
+          inner-shape: #{core.token(shape)}
+        )
+      );
+    }
+
+    @each $key, $value in ('default': shape.variable(medium), 'rounded': shape.variable(full), 'squared': 0) {
+      &.shape--#{$key} {
+        @include core.override(shape, $value, value);
+      }
+    }
+
+    @each $key, $value in ('small': 'xsmall', 'medium': 'medium', 'large': 'large') {
+      &.density--#{$key} {
+        @include core.override(height, spacing.variable($value), value);
+      }
+    }
+  }
+}
+
+//
+// Vertical
+//
+
+:host(:is(:state(vertical), :--vertical)) {
+  @include core.vertical-host;
+
+  .forge-meter-group {
+    @include core.vertical-base;
+
+    .heading {
+      @include core.vertical-heading;
+
+      &.not-empty {
+        @include core.vertical-heading-with-content;
+      }
+    }
+
+    .track {
+      @include core.vertical-track;
+
+      &.tickmarks::after {
+        @include core.vertical-tickmarks;
+      }
+    }
+  }
+}
+
+//
+// Media
+//
+
+@media (forced-colors: active) {
+  .track {
+    border: 1px solid CanvasText;
+  }
+}

package/sass/split-view/split-view/_mixins.scss

@@ -28,7 +28,6 @@
   height: 100%;
   width: 100%;
   overflow: hidden;
-  contain: paint size;
 }
 
 @mixin base() {

package/sass/split-view/split-view-panel/_mixins.scss

@@ -3,6 +3,7 @@
  * Copyright Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
+@use 'sass:string';
 @use '../../core/styles/animation';
 @use '../../core/styles/theme';
 @use './variables';
@@ -132,7 +133,6 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
-  contain: paint size;
 }
 
 @mixin base-horizontal() {
@@ -213,7 +213,7 @@
 @mixin closing-animation($direction: right) {
   @include animating-position($direction);
 
-  $animation-name: unique-id;
+  $animation-name: string.unique-id();
 
   animation-name: $animation-name;
   animation-duration: #{animation.variable(duration-medium2)};

package/sass/toolbar/_core.scss

@@ -14,7 +14,6 @@
 
 @mixin host {
   display: block;
-  contain: layout;
 }
 
 @mixin base {