@tylertech/forge 3.0.0-next.14 → 3.0.0-next.16

package/styles/tooltip/_mixins.scss

@@ -1,98 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '../theme';
-@use '../utils/mixins' as utils;
-@use './variables';
-
-@mixin provide-theme($theme) {
-  @include theme.theme-properties(tooltip, $theme, variables.$theme-values);
-}
-
-@mixin core-styles() {
-  .forge-tooltip {
-    @include base;
-  
-    &--open {
-      @include open;
-    }
-  
-    &--top {
-      @include top;
-    }
-  
-    &--right {
-      @include right;
-    }
-    
-    &--bottom {
-      @include bottom;
-    }
-    
-    &--left {
-      @include left;
-    }
-  }
-  
-  .forge-tooltip-host {
-    @include parent;
-  }
-}
-
-@mixin host() {
-  @include utils.visually-hidden;
-  
-  transform: translateX(-9999px) translateY(-9999px);
-}
-
-@mixin base() {
-  @include theme.css-custom-property(background-color, --forge-tooltip-theme-background, variables.$background);
-  @include theme.css-custom-property(color, --forge-tooltip-theme-on-background, variables.$on-background);
-  @include theme.css-custom-property(font-size, --forge-tooltip-font-size, variables.$font-size);
-  @include theme.css-custom-property(max-width, --forge-tooltip-max-width, variables.$max-width);
-  @include theme.z-index(tooltip);
-  
-  position: absolute;
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
-  box-sizing: border-box;
-  outline: none;
-  border-radius: variables.$border-radius;
-  pointer-events: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding: variables.$padding-top-bottom variables.$padding-left-right;
-  display: inline-block;
-  opacity: 0;
-  transform: scale(0);
-  transition: opacity variables.$transition-duration variables.$transition-timing-function, transform variables.$transition-duration variables.$transition-timing-function;
-  will-change: opacity transform;
-}
-
-@mixin open() {
-  transform: scale(1);
-  opacity: 1;
-}
-
-@mixin top() {
-  transform-origin: bottom;
-}
-@mixin right() {
-  transform-origin: left;
-}
-
-@mixin bottom() {
-  transform-origin: top;
-}
-
-@mixin left() {
-  transform-origin: right;
-}
-
-@mixin parent() {
-  position: relative;
-}

package/styles/tooltip/_variables.scss

@@ -1,18 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-$max-width: 256px !default;
-$background: rgba(97, 97, 97, 0.9) !default;
-$on-background: #ffffff !default;
-$border-radius: 4px !default;
-$font-size: 10px !default;
-$transition-duration: 120ms !default;
-$transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !default;
-$padding-top-bottom: 6px !default;
-$padding-left-right: 8px !default;
-$theme-values: (
-  background: $background,
-  on-background: $on-background
-);

package/styles/tooltip/forge-tooltip.scss

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use './mixins';
-
-forge-tooltip {
-  @include mixins.host;
-}
-
-@include mixins.core-styles;