@tylertech/forge 3.0.0-next.1 → 3.0.0-next.3

package/styles/circular-progress/_keyframes.scss

@@ -1,185 +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 './variables';
-
-/// Keyframes for the persistent rotation of the outermost container
-/// @access private
-@mixin container-rotate-keyframes_ {
-  @keyframes mdc-circular-progress-container-rotate {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-}
-
-/// Keyframes for the rotation of the spinner layer
-/// @access private
-@mixin spinner-layer-rotate-keyframes_ {
-  @keyframes mdc-circular-progress-spinner-layer-rotate {
-    @for $i from 1 through 8 {
-      #{$i * 12.5}% {
-        transform: rotate($i * 0.5 * variables.$arc-size);
-      }
-    }
-  }
-}
-
-/// Keyframes for the fade-in and fade-out of the first color.
-/// .99 opacity is used to force subpixel rendering.
-/// @access private
-@mixin color-1-fade-in-out-keyframes_ {
-  @keyframes mdc-circular-progress-color-1-fade-in-out {
-    from {
-      opacity: 0.99;
-    }
-    25% {
-      opacity: 0.99;
-    }
-    26% {
-      opacity: 0;
-    }
-    89% {
-      opacity: 0;
-    }
-    90% {
-      opacity: 0.99;
-    }
-    to {
-      opacity: 0.99;
-    }
-  }
-}
-
-/// Keyframes for the fade-in and fade-out of the second color.
-/// .99 opacity is used to force subpixel rendering.
-/// @access private
-@mixin color-2-fade-in-out-keyframes_ {
-  @keyframes mdc-circular-progress-color-2-fade-in-out {
-    from {
-      opacity: 0;
-    }
-    15% {
-      opacity: 0;
-    }
-    25% {
-      opacity: 0.99;
-    }
-    50% {
-      opacity: 0.99;
-    }
-    51% {
-      opacity: 0;
-    }
-    to {
-      opacity: 0;
-    }
-  }
-}
-
-/// Keyframes for the fade-in and fade-out of the third color.
-/// .99 opacity is used to force subpixel rendering.
-/// @access private
-@mixin color-3-fade-in-out-keyframes_ {
-  @keyframes mdc-circular-progress-color-3-fade-in-out {
-    from {
-      opacity: 0;
-    }
-    40% {
-      opacity: 0;
-    }
-    50% {
-      opacity: 0.99;
-    }
-    75% {
-      opacity: 0.99;
-    }
-    76% {
-      opacity: 0;
-    }
-    to {
-      opacity: 0;
-    }
-  }
-}
-
-/// Keyframes for the fade-in and fade-out of the fourth color.
-/// .99 opacity is used to force subpixel rendering.
-/// @access private
-@mixin color-4-fade-in-out-keyframes_ {
-  @keyframes mdc-circular-progress-color-4-fade-in-out {
-    from {
-      opacity: 0;
-    }
-    65% {
-      opacity: 0;
-    }
-    75% {
-      opacity: 0.99;
-    }
-    90% {
-      opacity: 0.99;
-    }
-    to {
-      opacity: 0;
-    }
-  }
-}
-
-/// Keyframes for the expansion and contraction of the arc for the
-/// left semi-circle.
-/// @access private
-@mixin left-spin-keyframes_ {
-  @keyframes mdc-circular-progress-left-spin {
-    from {
-      transform: rotate(265deg);
-    }
-    50% {
-      transform: rotate(130deg);
-    }
-    to {
-      transform: rotate(265deg);
-    }
-  }
-}
-
-/// Keyframes for the expansion and contraction of the arc for the
-/// right semi-circle.
-/// @access private
-@mixin right-spin-keyframes_ {
-  @keyframes mdc-circular-progress-right-spin {
-    from {
-      transform: rotate(-265deg);
-    }
-    50% {
-      transform: rotate(-130deg);
-    }
-    to {
-      transform: rotate(-265deg);
-    }
-  }
-}

package/styles/circular-progress/_variables.scss

@@ -1,50 +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.
-//
-
-$color: tertiary !default; // FORGE (modify): use tertiary theme by default
-$track-color: transparent !default;
-$size: 72px !default; // FORGE (new): added default size
-$stroke-width: 4; // FORGE (new): added default stroke-width
-
-/// The rotation position of the arcs that corresponds to their fully contracted state
-$base-angle: 135deg !default;
-/// Amount of circle the arc takes up
-$arc-size: 270deg !default;
-/// Time it takes to expand and contract arc
-$arc-time: 1333ms !default;
-/// Time for inactive indicator to disappear
-$shrink-time: 400ms !default;
-/// How much the start location of the arc should rotate each time; 216 gives
-/// us a 5 pointed star shape (it's 360/5 * 3)
-$arc-start-rotation-interval: 216deg !default;
-/// The timing function used for the core spinner animations.
-$timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
-
-// FORGE (new): added additional theme properties map
-$theme-values: (
-  track: $track-color
-);