@tylertech/forge 3.0.0-next.22 → 3.0.0-next.24

package/esm/theme/color-constants.js

@@ -1,363 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-//  Material colors: https://material.io/guidelines/style/color.html#color-color-palette
-const themeColors = {
-    primary: '#3f51b5',
-    primaryLight: '#a4addf',
-    primaryDark: '#6f7dcd',
-    secondary: '#ffc107',
-    secondaryLight: '#ffd34e',
-    secondaryDark: '#bf8f00',
-    tertiary: '#3D5AFE',
-    success: '#689f38',
-    warning: '#ffd600',
-    danger: '#d50000',
-    info: '#424242' // grey-800
-};
-/** This is a list of predefined colors to use for mapping characters to a color */
-const letterColors = [
-    '#EF5350',
-    '#E91E63',
-    '#2196F3',
-    '#8BC34A',
-    '#EA80FC',
-    '#4DB6AC',
-    '#7E57C2',
-    '#FF9800',
-    '#FFD54F',
-    '#81C784',
-    '#009688',
-    '#D500F9',
-    '#FDD835',
-    '#FFAB40',
-    '#AFB42B',
-    '#00BCD4',
-    '#795548',
-    '#FF8A65',
-    '#A1887F',
-    '#3F51B5',
-    '#FF8A80',
-    '#B39DDB',
-    '#CDDC39',
-    '#607D8B',
-    '#82B1FF',
-    '#BDBDBD' // Z (grey-400)
-];
-const redPalette = {
-    50: '#ffebee',
-    100: '#ffcdd2',
-    200: '#ef9a9a',
-    300: '#e57373',
-    400: '#ef5350',
-    500: '#f44336',
-    600: '#e53935',
-    700: '#d32f2f',
-    800: '#c62828',
-    900: '#b71c1c',
-    a100: '#ff8a80',
-    a200: '#ff5252',
-    a400: '#ff1744',
-    a700: '#d50000'
-};
-const pinkPalette = {
-    50: '#fce4ec',
-    100: '#f8bbd0',
-    200: '#f48fb1',
-    300: '#f06292',
-    400: '#ec407a',
-    500: '#e91e63',
-    600: '#d81b60',
-    700: '#c2185b',
-    800: '#ad1457',
-    900: '#880e4f',
-    a100: '#ff80ab',
-    a200: '#ff4081',
-    a400: '#f50057',
-    a700: '#c51162'
-};
-const purplePalette = {
-    50: '#f3e5f5',
-    100: '#e1bee7',
-    200: '#ce93d8',
-    300: '#ba68c8',
-    400: '#ab47bc',
-    500: '#9c27b0',
-    600: '#8e24aa',
-    700: '#7b1fa2',
-    800: '#6a1b9a',
-    900: '#4a148c',
-    a100: '#ea80fc',
-    a200: '#e040fb',
-    a400: '#d500f9',
-    a700: '#aa00ff'
-};
-const deepPurplePalette = {
-    50: '#ede7f6',
-    100: '#d1c4e9',
-    200: '#b39ddb',
-    300: '#9575cd',
-    400: '#7e57c2',
-    500: '#673ab7',
-    600: '#5e35b1',
-    700: '#512da8',
-    800: '#4527a0',
-    900: '#311b92',
-    a100: '#b388ff',
-    a200: '#7c4dff',
-    a400: '#651fff',
-    a700: '#6200ea'
-};
-const indigoPalette = {
-    50: '#e8eaf6',
-    100: '#c5cae9',
-    200: '#9fa8da',
-    300: '#7986cb',
-    400: '#5c6bc0',
-    500: '#3f51b5',
-    600: '#3949ab',
-    700: '#303f9f',
-    800: '#283593',
-    900: '#1a237e',
-    a100: '#8c9eff',
-    a200: '#536dfe',
-    a400: '#3d5afe',
-    a700: '#304ffe'
-};
-const bluePalette = {
-    50: '#e3f2fd',
-    100: '#bbdefb',
-    200: '#90caf9',
-    300: '#64b5f6',
-    400: '#42a5f5',
-    500: '#2196f3',
-    600: '#1e88e5',
-    700: '#1976d2',
-    800: '#1565c0',
-    900: '#0d47a1',
-    a100: '#82b1ff',
-    a200: '#448aff',
-    a400: '#2979ff',
-    a700: '#2962ff'
-};
-const lightBluePalette = {
-    50: '#e1f5fe',
-    100: '#b3e5fc',
-    200: '#81d4fa',
-    300: '#4fc3f7',
-    400: '#29b6f6',
-    500: '#03a9f4',
-    600: '#039be5',
-    700: '#0288d1',
-    800: '#0277bd',
-    900: '#01579b',
-    a100: '#80d8ff',
-    a200: '#40c4ff',
-    a400: '#00b0ff',
-    a700: '#0091ea'
-};
-const cyanPalette = {
-    50: '#e0f7fa',
-    100: '#b2ebf2',
-    200: '#80deea',
-    300: '#4dd0e1',
-    400: '#26c6da',
-    500: '#00bcd4',
-    600: '#00acc1',
-    700: '#0097a7',
-    800: '#00838f',
-    900: '#006064',
-    a100: '#84ffff',
-    a200: '#18ffff',
-    a400: '#00e5ff',
-    a700: '#00b8d4'
-};
-const tealPalette = {
-    50: '#e0f2f1',
-    100: '#b2dfdb',
-    200: '#80cbc4',
-    300: '#4db6ac',
-    400: '#26a69a',
-    500: '#009688',
-    600: '#00897b',
-    700: '#00796b',
-    800: '#00695c',
-    900: '#004d40',
-    a100: '#a7ffeb',
-    a200: '#64ffda',
-    a400: '#1de9b6',
-    a700: '#00bfa5'
-};
-const greenPalette = {
-    50: '#e8f5e9',
-    100: '#c8e6c9',
-    200: '#a5d6a7',
-    300: '#81c784',
-    400: '#66bb6a',
-    500: '#4caf50',
-    600: '#43a047',
-    700: '#388e3c',
-    800: '#2e7d32',
-    900: '#1b5e20',
-    a100: '#b9f6ca',
-    a200: '#69f0ae',
-    a400: '#00e676',
-    a700: '#00c853'
-};
-const lightGreenPalette = {
-    50: '#f1f8e9',
-    100: '#dcedc8',
-    200: '#c5e1a5',
-    300: '#aed581',
-    400: '#9ccc65',
-    500: '#8bc34a',
-    600: '#7cb342',
-    700: '#689f38',
-    800: '#558b2f',
-    900: '#33691e',
-    a100: '#ccff90',
-    a200: '#b2ff59',
-    a400: '#76ff03',
-    a700: '#64dd17'
-};
-const limePalette = {
-    50: '#f9fbe7',
-    100: '#f0f4c3',
-    200: '#e6ee9c',
-    300: '#dce775',
-    400: '#d4e157',
-    500: '#cddc39',
-    600: '#c0ca33',
-    700: '#afb42b',
-    800: '#9e9d24',
-    900: '#827717',
-    a100: '#f4ff81',
-    a200: '#eeff41',
-    a400: '#c6ff00',
-    a700: '#aeea00'
-};
-const yellowPalette = {
-    50: '#fffde7',
-    100: '#fff9c4',
-    200: '#fff59d',
-    300: '#fff176',
-    400: '#ffee58',
-    500: '#ffeb3b',
-    600: '#fdd835',
-    700: '#fbc02d',
-    800: '#f9a835',
-    900: '#f57f17',
-    a100: '#ffff8d',
-    a200: '#ffff00',
-    a400: '#ffea00',
-    a700: '#ffd600'
-};
-const amberPalette = {
-    50: '#fff8e1',
-    100: '#ffecb3',
-    200: '#ffe082',
-    300: '#ffd54f',
-    400: '#ffca28',
-    500: '#ffc107',
-    600: '#ffb300',
-    700: '#ffa000',
-    800: '#ff8f00',
-    900: '#ff6f00',
-    a100: '#ffe57f',
-    a200: '#ffd740',
-    a400: '#ffc400',
-    a700: '#ffab00'
-};
-const orangePalette = {
-    50: '#fff3e0',
-    100: '#ffe0b2',
-    200: '#ffcc80',
-    300: '#ffb74d',
-    400: '#ffa726',
-    500: '#ff9800',
-    600: '#fb8c00',
-    700: '#f57c00',
-    800: '#ef6c00',
-    900: '#e65100',
-    a100: '#ffd180',
-    a200: '#ffab40',
-    a400: '#ff9100',
-    a700: '#ff6d00'
-};
-const deepOrangePalette = {
-    50: '#fbe9e7',
-    100: '#ffccbc',
-    200: '#ffab91',
-    300: '#ff8a65',
-    400: '#ff7043',
-    500: '#ff5722',
-    600: '#f4511e',
-    700: '#e64a19',
-    800: '#d85315',
-    900: '#bf360c',
-    a100: '#ff9e80',
-    a200: '#ff6e40',
-    a400: '#ff3d00',
-    a700: '#dd2c00'
-};
-const brownPalette = {
-    50: '#efebe9',
-    100: '#d7ccc8',
-    200: '#bcaaa4',
-    300: '#a1887f',
-    400: '#8d6e63',
-    500: '#795548',
-    600: '#6d4c41',
-    700: '#5d4037',
-    800: '#4e342e',
-    900: '#3e2723'
-};
-const greyPalette = {
-    50: '#fafafa',
-    100: '#f5f5f5',
-    200: '#eeeeee',
-    300: '#e0e0e0',
-    400: '#bdbdbd',
-    500: '#9e9e9e',
-    600: '#757575',
-    700: '#616161',
-    800: '#424242',
-    900: '#212121'
-};
-const blueGreyPalette = {
-    50: '#eceff1',
-    100: '#cfd8dc',
-    200: '#b0bec5',
-    300: '#90a4ae',
-    400: '#78909c',
-    500: '#607d8b',
-    600: '#546e7a',
-    700: '#455a64',
-    800: '#37474f',
-    900: '#263238'
-};
-export const COLOR_CONSTANTS = {
-    themeColors,
-    letterColors,
-    redPalette,
-    pinkPalette,
-    purplePalette,
-    deepPurplePalette,
-    indigoPalette,
-    bluePalette,
-    lightBluePalette,
-    cyanPalette,
-    tealPalette,
-    greenPalette,
-    lightGreenPalette,
-    limePalette,
-    yellowPalette,
-    amberPalette,
-    orangePalette,
-    deepOrangePalette,
-    brownPalette,
-    greyPalette,
-    blueGreyPalette
-};

package/esm/theme/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './color-constants';
-export * from './theme-utils';

package/esm/theme/index.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './color-constants';
-export * from './theme-utils';

package/esm/theme/theme-utils.d.ts

@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export type ThemeType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
-export type ColorType = 'red' | 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cyan' | 'teal' | 'green' | 'light-green' | 'lime' | 'yellow' | 'amber' | 'orange' | 'deep-orange' | 'brown' | 'grey' | 'blue-grey';
-export declare function getThemeColor(type: ThemeType): string;
-export declare function getColor(type: ColorType, hue?: string): string;

package/esm/theme/theme-utils.js

@@ -1,68 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { COLOR_CONSTANTS } from './color-constants';
-export function getThemeColor(type) {
-    switch (type) {
-        case 'primary':
-            return COLOR_CONSTANTS.themeColors.primary;
-        case 'secondary':
-            return COLOR_CONSTANTS.themeColors.secondary;
-        case 'success':
-            return COLOR_CONSTANTS.themeColors.success;
-        case 'warning':
-            return COLOR_CONSTANTS.themeColors.warning;
-        case 'danger':
-            return COLOR_CONSTANTS.themeColors.danger;
-        case 'info':
-            return COLOR_CONSTANTS.themeColors.info;
-        default:
-            throw new Error(`Invalid theme type provided: ${type}`);
-    }
-}
-export function getColor(type, hue) {
-    hue = hue || '500';
-    switch (type) {
-        case 'red':
-            return COLOR_CONSTANTS.redPalette[hue];
-        case 'pink':
-            return COLOR_CONSTANTS.pinkPalette[hue];
-        case 'purple':
-            return COLOR_CONSTANTS.purplePalette[hue];
-        case 'deep-purple':
-            return COLOR_CONSTANTS.deepPurplePalette[hue];
-        case 'indigo':
-            return COLOR_CONSTANTS.indigoPalette[hue];
-        case 'blue':
-            return COLOR_CONSTANTS.bluePalette[hue];
-        case 'light-blue':
-            return COLOR_CONSTANTS.lightBluePalette[hue];
-        case 'cyan':
-            return COLOR_CONSTANTS.cyanPalette[hue];
-        case 'teal':
-            return COLOR_CONSTANTS.tealPalette[hue];
-        case 'green':
-            return COLOR_CONSTANTS.greenPalette[hue];
-        case 'light-green':
-            return COLOR_CONSTANTS.lightGreenPalette[hue];
-        case 'lime':
-            return COLOR_CONSTANTS.limePalette[hue];
-        case 'yellow':
-            return COLOR_CONSTANTS.limePalette[hue];
-        case 'amber':
-            return COLOR_CONSTANTS.amberPalette[hue];
-        case 'orange':
-            return COLOR_CONSTANTS.orangePalette[hue];
-        case 'deep-orange':
-            return COLOR_CONSTANTS.deepOrangePalette[hue];
-        case 'brown':
-            return COLOR_CONSTANTS.brownPalette[hue];
-        case 'grey':
-            return COLOR_CONSTANTS.greyPalette[hue];
-        case 'blue-grey':
-            return COLOR_CONSTANTS.blueGreyPalette[hue];
-    }
-    return '';
-}

package/styles/bottom-sheet/_mixins.scss

@@ -1,93 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-@use '@material/theme/theme' as mdc-theme;
-@use '@material/elevation/elevation-theme' as mdc-elevation-theme;
-@use '@material/animation/variables' as mdc-animation-variables;
-@use '@material/shape/shape' as mdc-shape;
-@use '../theme';
-@use '../typography/mixins' as typopgraphy-mixins;
-@use '../utils/mixins-media' as media-mixins;
-@use './variables';
-@use '../utils/mixins' as utils-mixins;
-
-@mixin core-styles() {
-  .forge-bottom-sheet {
-    @include base;
-
-    &--open {
-      @include open;
-    }
-
-    &--fullscreen.forge-bottom-sheet--open {
-      @include open-fullscreen;
-    }
-
-    &--dragging {
-		  @include dragging;
-    }
-
-    &--scrollable {
-		  @include scrollable;
-    }
-  }
-}
-
-@mixin host() {
-  @include theme.z-index(dialog);
-
-  position: fixed;
-}
-
-@mixin base() {
-  @include mdc-theme.property(background-color, surface);
-  @include mdc-elevation-theme.elevation(8);
-  @include theme.css-custom-property(border-radius, --forge-bottom-sheet-border-radius, mdc-shape.$medium-component-radius mdc-shape.$medium-component-radius 0 0);
-  @include theme.css-custom-property(max-width, --forge-bottom-sheet-desktop-max-width, 50%);
-  @include theme.z-index(dialog);
-
-  box-sizing: border-box;
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  max-height: 50%;
-  margin: 0 auto;
-  display: inline-flex;
-  flex-direction: column;
-  transform: translateY(100%);
-  transition: max-height variables.$transition-duration ease-in,
-              transform variables.$transition-duration-close mdc-animation-variables.$standard-curve-timing-function;
-
-  @include media-mixins.tablet-portrait-down {
-    @include full-width;
-  }
-}
-
-@mixin full-width() {
-  max-width: 100%;
-  width: 100%;
-  margin: 0;
-  border-radius: 0;
-}
-
-@mixin open() {
-  transform: translateY(0);
-  transition-duration: variables.$transition-duration;
-}
-
-@mixin open-fullscreen {
-  height: 100%;
-  max-height: 100%;
-  transition: max-height variables.$transition-duration ease-in;
-}
-
-@mixin dragging {
-	transition: none !important;
-}
-
-@mixin scrollable {
-	height: 100%;
-}

package/styles/bottom-sheet/_variables.scss

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-$transition-duration: var(--forge-bottom-sheet-transition-duration, 250ms);
-$transition-duration-close: var(--forge-bottom-sheet-transition-duration-close, 200ms);