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

package/styles/inline-message/_mixins.scss

@@ -1,82 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use 'sass:map';
-@use '@material/typography/typography' as mdc-typography;
-@use './variables';
-@use '../theme';
-
-@mixin provide-theme($theme) {
-  @include theme.theme-properties(inline-message, $theme, variables.$theme-values);
-}
-
-@mixin theme-property($property, $theme, $overriding-css-custom-property) {
-  $light-theme-value: map.get(variables.$theme-values, $theme + '-' + $property);
-  $dark-theme-css-custom-property: --forge-inline-message-theme-#{$theme}-#{$property};
-
-  // map the properties for 'color' back to 'color'. The differentiation between icon and font is required for the theme handling above.
-  $styleName: $property;
-  @if $styleName == 'font-color' or $styleName == 'icon-color' {
-    $styleName: color;
-  }
-
-  $primary-override: $overriding-css-custom-property;
-  $secondary-override: $dark-theme-css-custom-property;
-  $default: $light-theme-value;
-
-  #{$styleName}: $default;
-  #{$styleName}: var($primary-override, var($secondary-override, $default));
-}
-
-@mixin theme-base($theme) {
-  .forge-inline-message {
-    @include theme-property('background', $theme, --forge-inline-message-theme-background);
-    @include theme-property('font-color', $theme, --forge-inline-message-theme-on-background);
-
-    ::slotted([slot='icon']) {
-      @include theme-property('icon-color', $theme, --forge-inline-message-theme-icon);
-    }
-  }
-}
-
-@mixin default-theme {
-  :host {
-    @include theme-base('info-primary');
-  }
-}
-
-@mixin theme($theme) {
-  :host([theme='#{$theme}']) {
-    @include theme-base($theme);
-  }
-}
-
-@mixin core-styles() {
-  .forge-inline-message {
-    @include mdc-typography.typography(body2);
-    @include theme.css-custom-property(border-radius, --forge-inline-message-border-radius, 0);
-
-    display: flex;
-    flex-direction: row;
-    padding: variables.$padding;
-
-    ::slotted([slot='icon']) {
-      align-self: start;
-      margin-right: 12px;
-    }
-
-    &__container {
-      align-self: center;
-
-      ::slotted([slot='title']) {
-        @include mdc-typography.typography(body2);
-
-        font-weight: 500;
-        line-height: 1rem;
-        margin-bottom: 8px;
-      }
-    }
-  }
-}

package/styles/inline-message/_variables.scss

@@ -1,67 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '../theme/theme-values';
-
-$default-color: theme-values.$text-primary-color !default;
-$padding-top: 8px !default;
-$padding-right: 16px !default;
-$padding-bottom: 8px !default;
-$padding-left: 12px !default;
-$padding: $padding-top $padding-right $padding-bottom $padding-left !default;
-
-$theme-values: (
-  // success theme
-  success-background: rgba(165, 214, 167, 0.3),
-  success-font-color: theme-values.$text-primary-color,
-  success-icon-color: #1b5e20,
-
-  // warning theme
-  warning-background: rgba(255, 219, 166, 0.3),
-  warning-font-color: theme-values.$text-primary-color,
-  warning-icon-color: #a03a03,
-
-  // danger theme
-  danger-background: rgba(255, 205, 210, 0.3),
-  danger-font-color: theme-values.$text-primary-color,
-  danger-icon-color: #a22d0e,
-
-  // info-primary theme
-  info-primary-background: rgba(187, 222, 251, 0.3),
-  info-primary-font-color: theme-values.$text-primary-color,
-  info-primary-icon-color: #1a237e,
-
-  // info-secondary theme
-  info-secondary-background: rgba(224, 224, 224, 0.4),
-  info-secondary-font-color: theme-values.$text-primary-color,
-  info-secondary-icon-color: #000000
-) !default;
-
-$theme-values-dark: (
-  // success theme
-  success-background: #175a2a,
-  success-font-color: #ffffff,
-  success-icon-color: #ffffff,
-
-  // warning theme
-  warning-background: #933600,
-  warning-font-color: #ffffff,
-  warning-icon-color: #ffffff,
-
-  // danger theme
-  danger-background: #810022,
-  danger-font-color: #ffffff,
-  danger-icon-color: #ffffff,
-
-  // info-primary theme
-  info-primary-background: #0a3b71,
-  info-primary-font-color: #ffffff,
-  info-primary-icon-color: #ffffff,
-
-  // info-secondary theme
-  info-secondary-background: #424242,
-  info-secondary-font-color: #ffffff,
-  info-secondary-icon-color: #ffffff
-);