@descope/web-components-ui 1.0.426 → 1.0.428

package/node_modules/theme-globals/src/index.js

@@ -1,180 +0,0 @@
-import { getThemeRefs, getThemeVars, genColors } from 'common/theme-helpers';
-
-const direction = 'ltr';
-
-export const colors = genColors({
-  surface: {
-    main: '#ffffff',
-    dark: '#636c74',
-    light: '#cfd3d7',
-    highlight: '#f4f5f6',
-    contrast: '#181a1c',
-  },
-  primary: {
-    main: '#006af5',
-    dark: '#004094',
-    light: '#71aeff',
-    highlight: '#f0f6ff',
-    contrast: '#ffffff',
-  },
-  secondary: {
-    main: '#802ed6',
-    dark: '#6410bc',
-    light: '#be89f5',
-    highlight: '#ede7f6',
-    contrast: '#ffffff',
-  },
-  success: {
-    main: '#008000',
-    dark: '#005700',
-    light: '#8bc38b',
-    highlight: '#f5faf5',
-    contrast: '#ffffff',
-  },
-  error: {
-    main: '#e21d12',
-    dark: '#b3170f',
-    light: '#f4807a',
-    highlight: '#fef1f1',
-    contrast: '#ffffff',
-  },
-});
-
-const fonts = {
-  font1: {
-    family: [
-      'Roboto',
-      'ui-sans-serif',
-      'system-ui',
-      '-apple-system',
-      'BlinkMacSystemFont',
-      'Segoe UI',
-      'Helvetica Neue',
-      'Arial',
-      'Noto Sans',
-      'sans-serif',
-      'Apple Color Emoji',
-      'Segoe UI Emoji',
-      'Segoe UI Symbol',
-      'Noto Color Emoji',
-    ],
-    label: 'Roboto',
-    url: 'https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900',
-  },
-  font2: {
-    family: [
-      'ui-sans-serif',
-      'system-ui',
-      '-apple-system',
-      'BlinkMacSystemFont',
-      'Segoe UI',
-      'Roboto',
-      'Helvetica Neue',
-      'Arial',
-      'Noto Sans',
-      'sans-serif',
-      'Apple Color Emoji',
-      'Segoe UI Emoji',
-      'Segoe UI Symbol',
-      'Noto Color Emoji',
-    ],
-    label: 'Sans Serif',
-  },
-};
-
-const fontsRef = getThemeRefs({ fonts }).fonts;
-
-const typography = {
-  h1: {
-    font: fontsRef.font1.family,
-    weight: '900',
-    size: '48px',
-  },
-  h2: {
-    font: fontsRef.font1.family,
-    weight: '800',
-    size: '38px',
-  },
-  h3: {
-    font: fontsRef.font1.family,
-    weight: '600',
-    size: '28px',
-  },
-  subtitle1: {
-    font: fontsRef.font2.family,
-    weight: '500',
-    size: '22px',
-  },
-  subtitle2: {
-    font: fontsRef.font2.family,
-    weight: '400',
-    size: '20px',
-  },
-  body1: {
-    font: fontsRef.font1.family,
-    weight: '400',
-    size: '16px',
-  },
-  body2: {
-    font: fontsRef.font1.family,
-    weight: '400',
-    size: '14px',
-  },
-};
-
-const spacing = {
-  xs: '2px',
-  sm: '4px',
-  md: '8px',
-  lg: '16px',
-  xl: '32px',
-};
-
-const border = {
-  xs: '1px',
-  sm: '2px',
-  md: '3px',
-  lg: '4px',
-  xl: '5px',
-};
-
-const radius = {
-  xs: '5px',
-  sm: '10px',
-  md: '15px',
-  lg: '20px',
-  xl: '25px',
-  '2xl': '30px',
-  '3xl': '35px',
-};
-
-const shadow = {
-  wide: {
-    sm: '0 2px 3px -0.5px',
-    md: '0 4px 6px -1px',
-    lg: '0 10px 15px -3px',
-    xl: '0 20px 25px -5px',
-    '2xl': '0 25px 50px -12px',
-  },
-  narrow: {
-    sm: '0 1px 2px -1px',
-    md: '0 2px 4px -2px',
-    lg: '0 4px 6px -4px',
-    xl: '0 8px 10px -6px',
-    '2xl': '0 16px 16px -8px',
-  },
-};
-
-const globals = {
-  colors,
-  typography,
-  spacing,
-  border,
-  radius,
-  shadow,
-  fonts,
-  direction,
-};
-
-export default globals;
-export const vars = getThemeVars(globals);

package/node_modules/theme-input-wrapper/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "theme-input-wrapper",
-  "version": "0.0.1",
-  "main": "./src/index.js",
-  "scripts": {
-    "test": "echo 'No tests defined' && exit 0",
-    "test:e2e": "echo 'No e2e tests defined' && exit 0"
-  },
-  "dependencies": {
-    "common": "0.0.1",
-    "theme-globals": "0.0.1"
-  },
-  "private": true,
-  "publishConfig": {
-    "link-workspace-packages": false
-  }
-}

package/node_modules/theme-input-wrapper/project.json

@@ -1,7 +0,0 @@
-{
-  "name": "theme-input-wrapper",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/web-components/components/theme-input-wrapper/src",
-  "projectType": "library",
-  "tags": []
-}

package/node_modules/theme-input-wrapper/src/index.js

@@ -1,130 +0,0 @@
-import globals from 'theme-globals';
-import { getThemeRefs, createHelperVars } from 'common/theme-helpers';
-import { getComponentName } from 'common/components-helpers';
-
-const componentName = getComponentName('input-wrapper');
-const globalRefs = getThemeRefs(globals);
-
-const [theme, refs, vars] = createHelperVars(
-  {
-    labelTextColor: globalRefs.colors.surface.dark,
-    labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
-    labelFontWeight: '500', // not taken from globals as it is fixed in all inputs
-    valueTextColor: globalRefs.colors.surface.contrast,
-    placeholderTextColor: globalRefs.colors.surface.dark,
-    requiredIndicator: "'*'",
-    helperTextColor: globalRefs.colors.surface.dark,
-    errorMessageTextColor: globalRefs.colors.error.main,
-    successMessageTextColor: globalRefs.colors.success.main,
-
-    borderWidth: globalRefs.border.xs,
-    borderRadius: globalRefs.radius.xs,
-    borderColor: 'transparent',
-
-    outlineWidth: globalRefs.border.sm,
-    outlineStyle: 'solid',
-    outlineColor: 'transparent',
-    outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
-
-    minWidth: '10em',
-    toggleButtonSize: '1.5em',
-    inputIconSize: '1em',
-    inputHeight: '3em',
-    horizontalPadding: '0.5em',
-    verticalPadding: '0.5em',
-
-    textAlign: 'start',
-
-    backgroundColor: globalRefs.colors.surface.main,
-
-    fontFamily: globalRefs.fonts.font1.family,
-
-    direction: globalRefs.direction,
-
-    overlayOpacity: '0.3',
-
-    errorMessageIcon: '',
-    errorMessageIconSize: '0',
-    errorMessageIconPadding: '0',
-    errorMessageIconPosition: '0 0.4em',
-    errorMessageIconRepeat: 'no-repeat',
-
-    size: {
-      xs: { fontSize: '12px', chipFontSize: '10px' },
-      sm: { fontSize: '14px', chipFontSize: '12px' },
-      md: { fontSize: '16px', chipFontSize: '14px' },
-      lg: { fontSize: '18px', chipFontSize: '16px' },
-    },
-
-    labelType: {
-      static: {
-        valueInputHeight: '3em',
-        valueInputMarginBottom: 'auto',
-      },
-      floating: {
-        labelPosition: 'absolute',
-        labelTopPosition: '0',
-        labelHorizontalPosition: '0.9em',
-        labelFontSize: '1em',
-        placeholderOpacity: 0,
-        inputHeight: '3.5em',
-        inputVerticalAlignment: 'flex-end',
-        inputTransformY: 'translateY(1.55em)',
-        inputTransition: 'all 75ms ease-in-out',
-        marginInlineStart: '0',
-        valueInputHeight: '1.5702em',
-        valueInputMarginBottom: '0.5em',
-
-        _focused: {
-          labelFontSize: '0.75em',
-          inputTransformY: 'translateY(1.05em)',
-          labelFontWeight: '400',
-          placeholderOpacity: 1,
-        },
-
-        _readOnly: {
-          placeholderOpacity: 0,
-        },
-
-        _hasValue: {
-          inputTransformY: 'translateY(1.05em)',
-          labelFontSize: '0.75em',
-          labelFontWeight: '400',
-        },
-      },
-    },
-
-    _fullWidth: {
-      width: '100%',
-    },
-
-    _focused: {
-      outlineColor: globalRefs.colors.surface.light,
-      _invalid: {
-        outlineColor: globalRefs.colors.error.main,
-      },
-    },
-
-    _bordered: {
-      outlineWidth: globalRefs.border.xs,
-      borderColor: globalRefs.colors.surface.light,
-      borderStyle: 'solid',
-      _invalid: {
-        borderColor: globalRefs.colors.error.main,
-      },
-    },
-
-    _disabled: {
-      labelTextColor: globalRefs.colors.surface.light,
-      borderColor: globalRefs.colors.surface.light,
-      valueTextColor: globalRefs.colors.surface.light,
-      placeholderTextColor: globalRefs.colors.surface.light,
-      helperTextColor: globalRefs.colors.surface.light,
-      backgroundColor: globalRefs.colors.surface.main,
-    },
-  },
-  componentName,
-);
-
-export { refs, vars };
-export default theme;

package/src/index.d.ts

@@ -1,72 +0,0 @@
-export {
-  globalsThemeToStyle,
-  createComponentsTheme,
-  themeToStyle,
-  componentsThemeManager,
-} from './helpers/themeHelpers';
-export { genColor } from './helpers/themeHelpers/colorsHelpers';
-export { defaultTheme, themeVars } from './theme';
-export { default as darkTheme } from './darkTheme';
-export { ButtonClass } from './components/descope-button';
-export { CheckboxClass } from './components/boolean-fields/descope-checkbox';
-export { SwitchToggleClass } from './components/boolean-fields/descope-switch-toggle';
-export { LoaderLinearClass } from './components/descope-loader-linear';
-export { LoaderRadialClass } from './components/descope-loader-radial';
-export { ContainerClass } from './components/descope-container';
-export { DividerClass } from './components/descope-divider';
-export { EmailFieldClass } from './components/descope-email-field';
-export { LinkClass } from './components/descope-link';
-export { LogoClass } from './components/descope-logo';
-export { TotpImageClass } from './components/descope-totp-image';
-export { NotpImageClass } from './components/descope-notp-image';
-export { NumberFieldClass } from './components/descope-number-field';
-export { PasscodeClass } from './components/descope-passcode';
-export { PasswordClass } from './components/descope-password';
-export { TextClass } from './components/descope-text';
-export { EnrichedTextClass } from './components/descope-enriched-text';
-export { TextAreaClass } from './components/descope-text-area';
-export { TextFieldClass } from './components/descope-text-field';
-export { ImageClass } from './components/descope-image';
-export { PhoneFieldClass } from './components/phone-fields/descope-phone-field';
-export { PhoneFieldInputBoxClass } from './components/phone-fields/descope-phone-input-box-field';
-export { NewPasswordClass } from './components/descope-new-password';
-export { RecaptchaClass } from './components/descope-recaptcha';
-export { UploadFileClass } from './components/descope-upload-file';
-export { ButtonSelectionGroupClass } from './components/button-selection-group-fields/descope-button-selection-group/ButtonSelectionGroupClass';
-export { ButtonMultiSelectionGroupClass } from './components/button-selection-group-fields/descope-button-multi-selection-group/ButtonMultiSelectionGroupClass';
-export { GridClass } from './components/descope-grid/GridClass';
-export { GridTextColumnClass } from './components/descope-grid/descope-grid-text-column/index';
-export { GridSelectionColumnClass } from './components/descope-grid/descope-grid-selection-column/index';
-export { ModalClass } from './components/descope-modal/ModalClass';
-export { NotificationClass } from './components/descope-notification/';
-export { BadgeClass } from './components/descope-badge/';
-export { MultiSelectComboBoxClass } from './components/descope-multi-select-combo-box/';
-export { MappingsFieldClass } from './components/mapping-fields/descope-mappings-field/';
-export { SamlGroupMappingsClass } from './components/mapping-fields/descope-saml-group-mappings/';
-export { PolicyValidationClass } from './components/descope-policy-validation/';
-export { CodeSnippetClass } from './components/descope-code-snippet/';
-export { CalendarClass } from './components/descope-date-field/descope-calendar';
-export { DateFieldClass } from './components/descope-date-field/';
-export { HybridFieldClass } from './components/descope-hybrid-field';
-
-export type Theme = {
-  globals: {
-    colors: Record<string, string>;
-    fonts: Record<string, any>;
-    typography: Record<string, any>;
-    shadow: Record<string, string>;
-    spacing: Record<string, string>;
-    radius: Record<string, string>;
-    border: Record<string, string>;
-  };
-  components: {
-    button: Record<string, any>;
-    textField: Record<string, any>;
-    logo: Record<string, any>;
-    container: Record<string, any>;
-    link: Record<string, any>;
-    text: Record<string, any>;
-    inputWrapper: Record<string, any>;
-    buttonSelectionGroupItem: Record<string, any>;
-  };
-};