@descope/web-components-ui 2.3.2 → 3.0.0

package/src/components/descope-radio-group/RadioGroupClass.js

@@ -20,7 +20,6 @@ export const componentName = getComponentName('radio-group');
 
 const RadioGroupMixin = (superclass) =>
   class RadioGroupMixinClass extends superclass {
-    // eslint-disable-next-line class-methods-use-this
     #renderItem = ({ value, label }) =>
       `<descope-radio-button value="${value}">${label}</descope-radio-button>`;
 
@@ -35,9 +34,8 @@ const RadioGroupMixin = (superclass) =>
       });
 
       // we are overriding vaadin __filterRadioButtons so it will run on our custom elements
-      this.baseElement.__filterRadioButtons = (nodes) => {
-        return nodes.filter((node) => node.localName === childNodeName);
-      };
+      this.baseElement.__filterRadioButtons = (nodes) =>
+        nodes.filter((node) => node.localName === childNodeName);
 
       // vaadin radio group missing some input properties
       this.baseElement.setCustomValidity = () => {};
@@ -82,7 +80,6 @@ const RadioGroupMixin = (superclass) =>
       return this.getAttribute('default-value');
     }
 
-    // eslint-disable-next-line class-methods-use-this
     isValidDataType(data) {
       const isValid = Array.isArray(data);
       if (!isValid) {
@@ -112,9 +109,7 @@ const RadioGroupMixin = (superclass) =>
       observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });
 
       Object.defineProperty(this.baseElement, 'validity', {
-        get: () => {
-          return { valueMissing: !this.baseElement.checkValidity() };
-        },
+        get: () => ({ valueMissing: !this.baseElement.checkValidity() }),
       });
 
       forwardAttrs(this, this.baseElement, {

package/src/components/descope-recaptcha/RecaptchaClass.js

@@ -1,8 +1,8 @@
+import { injectStyle } from '@descope-ui/common/components-helpers';
 import { draggableMixin } from '../../mixins';
 import { createBaseClass } from '../../baseClasses/createBaseClass';
 import { compose } from '../../helpers';
 import { getComponentName, observeChildren } from '../../helpers/componentHelpers';
-import { injectStyle } from '@descope-ui/common/components-helpers';
 
 export const componentName = getComponentName('recaptcha');
 

package/src/components/descope-scopes-list/ScopesListClass.js

@@ -61,12 +61,10 @@ class RawScopesList extends createBaseClass({ componentName, baseSelector: 'div'
     return Array.from(this.shadowRoot.querySelector('div').children);
   }
 
-  // eslint-disable-next-line class-methods-use-this
   reportValidity() {
     this.checkValidity();
   }
 
-  // eslint-disable-next-line class-methods-use-this
   checkValidity() {
     return this.data.every((item) => !item.required || this.value.includes(item.id));
   }
@@ -79,7 +77,6 @@ class RawScopesList extends createBaseClass({ componentName, baseSelector: 'div'
 
   set value(val = []) {
     this.#getChildNodes().forEach((node) => {
-      // eslint-disable-next-line no-param-reassign
       node.checked = val.includes(node.getAttribute('data-id'));
     });
   }

package/src/components/descope-security-questions-setup/SecurityQuestionsSetupClass.js

@@ -1,10 +1,10 @@
+import { ComboBoxClass } from '@descope-ui/descope-combo-box/class';
+import { injectStyle } from '@descope-ui/common/components-helpers';
 import { createBaseClass } from '../../baseClasses/createBaseClass';
 import { compose } from '../../helpers';
 import { getComponentName, observeAttributes } from '../../helpers/componentHelpers';
 import { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';
-import { ComboBoxClass } from '@descope-ui/descope-combo-box/class';
 import { TextFieldClass } from '../descope-text-field/TextFieldClass';
-import { injectStyle } from '@descope-ui/common/components-helpers';
 
 export const componentName = getComponentName('security-questions-setup');
 
@@ -90,7 +90,6 @@ class RawSecurityQuestionsSetup extends createBaseClass({ componentName, baseSel
         AttachedTextField.value = '';
       });
 
-      // eslint-disable-next-line no-param-reassign
       el.data = this.data;
     });
 
@@ -104,9 +103,9 @@ class RawSecurityQuestionsSetup extends createBaseClass({ componentName, baseSel
   }
 
   filterData(comboValue) {
-    const res = this.data.filter((item) => {
-      return item.value === comboValue || !this.selectedQuestionIds.includes(item.value);
-    });
+    const res = this.data.filter(
+      (item) => item.value === comboValue || !this.selectedQuestionIds.includes(item.value)
+    );
 
     return res;
   }
@@ -125,7 +124,6 @@ class RawSecurityQuestionsSetup extends createBaseClass({ componentName, baseSel
     this.comboBoxes
       .filter((combo) => combo !== sourceCombo)
       .forEach((combo) => {
-        // eslint-disable-next-line no-param-reassign
         combo.data = this.filterData(combo.value);
       });
   }
@@ -180,7 +178,6 @@ class RawSecurityQuestionsSetup extends createBaseClass({ componentName, baseSel
     });
   }
 
-  // eslint-disable-next-line class-methods-use-this
   #updateAttribute(ele, attrName, value) {
     if (value === null) ele.removeAttribute(attrName);
     else ele.setAttribute(attrName, value);

package/src/components/descope-security-questions-verify/SecurityQuestionsVerifyClass.js

@@ -1,10 +1,10 @@
+import { TextClass } from '@descope-ui/descope-text/class';
+import { injectStyle } from '@descope-ui/common/components-helpers';
 import { createBaseClass } from '../../baseClasses/createBaseClass';
 import { compose } from '../../helpers';
 import { getComponentName, observeAttributes } from '../../helpers/componentHelpers';
 import { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';
-import { TextClass } from '@descope-ui/descope-text/class';
 import { TextFieldClass } from '../descope-text-field/TextFieldClass';
-import { injectStyle } from '@descope-ui/common/components-helpers';
 
 export const componentName = getComponentName('security-questions-verify');
 
@@ -84,7 +84,7 @@ class RawSecurityQuestionsVerify extends createBaseClass({ componentName, baseSe
       const input = this.textFields.find(
         (field) => field.getAttribute('data-id') === el.getAttribute('data-id')
       );
-      // eslint-disable-next-line no-param-reassign
+
       if (input) el.onclick = input.focus.bind(input);
     });
   }
@@ -132,7 +132,6 @@ class RawSecurityQuestionsVerify extends createBaseClass({ componentName, baseSe
     });
   }
 
-  // eslint-disable-next-line class-methods-use-this
   #updateAttribute(ele, attrName, value) {
     if (value === null) ele.removeAttribute(attrName);
     else ele.setAttribute(attrName, value);

package/src/components/descope-third-party-app-logo/ThirdPartyAppLogoClass.js

@@ -1,9 +1,9 @@
 import { injectStyle } from '@descope-ui/common/components-helpers';
+import { IconClass } from '@descope-ui/descope-icon/class';
 import { createBaseClass } from '../../baseClasses/createBaseClass';
 import { compose } from '../../helpers';
 import { getComponentName } from '../../helpers/componentHelpers';
 import { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';
-import { IconClass } from '@descope-ui/descope-icon/class';
 import { LogoClass } from '../descope-logo/LogoClass';
 import arrowsImg from './arrows.svg';
 

package/src/components/descope-upload-file/UploadFileClass.js

@@ -1,10 +1,10 @@
+import { ButtonClass } from '@descope-ui/descope-button/class';
+import { injectStyle } from '@descope-ui/common/components-helpers';
 import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
 import { compose } from '../../helpers';
 import { getComponentName } from '../../helpers/componentHelpers';
 import { createBaseInputClass } from '../../baseClasses/createBaseInputClass';
-import { ButtonClass } from '@descope-ui/descope-button/class';
 import { getFileBase64, getFilename } from './helpers';
-import { injectStyle } from '@descope-ui/common/components-helpers';
 
 export const componentName = getComponentName('upload-file');
 

package/src/components/descope-upload-file/helpers.js

@@ -1,11 +1,8 @@
-export const getFileBase64 = (fileObj) => {
-  return new Promise((resolve) => {
+export const getFileBase64 = (fileObj) =>
+  new Promise((resolve) => {
     const reader = new FileReader();
     reader.onload = (e) => resolve(e.target.result);
     reader.readAsDataURL(fileObj);
   });
-};
 
-export const getFilename = (fileObj) => {
-  return fileObj.name.replace(/^.*\\/, '');
-};
+export const getFilename = (fileObj) => fileObj.name.replace(/^.*\\/, '');

package/src/components/descope-user-attribute/UserAttributeClass.js

@@ -1,11 +1,11 @@
-import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
-import { createBaseClass } from '../../baseClasses/createBaseClass';
-import { compose } from '../../helpers';
-import { getComponentName } from '../../helpers/componentHelpers';
 import { TextClass } from '@descope-ui/descope-text/class';
 import { ButtonClass } from '@descope-ui/descope-button/class';
 import { BadgeClass } from '@descope-ui/descope-badge/class';
 import { injectStyle } from '@descope-ui/common/components-helpers';
+import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
+import { createBaseClass } from '../../baseClasses/createBaseClass';
+import { compose } from '../../helpers';
+import { getComponentName } from '../../helpers/componentHelpers';
 import deleteIcon from './delete.svg';
 import editIcon from './edit.svg';
 

package/src/components/descope-user-auth-method/UserAuthMethodClass.js

@@ -1,13 +1,13 @@
-import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
-import { createBaseClass } from '../../baseClasses/createBaseClass';
-import { compose } from '../../helpers';
-import { getComponentName } from '../../helpers/componentHelpers';
-import greenVIcon from './green-v.svg';
 import { TextClass } from '@descope-ui/descope-text/class';
 import { ButtonClass } from '@descope-ui/descope-button/class';
 import { IconClass } from '@descope-ui/descope-icon/class';
 import { BadgeClass } from '@descope-ui/descope-badge/class';
 import { injectStyle } from '@descope-ui/common/components-helpers';
+import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
+import { createBaseClass } from '../../baseClasses/createBaseClass';
+import { compose } from '../../helpers';
+import { getComponentName } from '../../helpers/componentHelpers';
+import greenVIcon from './green-v.svg';
 
 export const componentName = getComponentName('user-auth-method');
 class RawUserAuthMethod extends createBaseClass({

package/src/components/mapping-fields/descope-mappings-field/MappingsFieldClass.js

@@ -1,3 +1,4 @@
+import { TextClass } from '@descope-ui/descope-text/class';
 import {
   createStyleMixin,
   draggableMixin,
@@ -5,7 +6,6 @@ import {
   proxyInputMixin,
   componentNameValidationMixin,
 } from '../../../mixins';
-import { TextClass } from '@descope-ui/descope-text/class';
 import { compose } from '../../../helpers';
 import { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';
 import { componentName as descopeInternalComponentName } from './descope-mappings-field-internal/MappingsFieldInternal';

package/src/components/mapping-fields/descope-mappings-field/descope-mappings-field-internal/MappingsFieldInternal.js

@@ -26,7 +26,6 @@ class MappingsFieldInternal extends BaseInputClass {
     ]);
   }
 
-  // eslint-disable-next-line class-methods-use-this
   isValidDataType(data) {
     try {
       return data.every(

package/src/components/phone-fields/descope-phone-field/PhoneFieldClass.js

@@ -1,3 +1,4 @@
+import { ComboBoxClass } from '@descope-ui/descope-combo-box/class';
 import { componentName as descopeInternalComponentName } from './descope-phone-field-internal/PhoneFieldInternal';
 import { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';
 import { compose } from '../../../helpers';
@@ -9,7 +10,6 @@ import {
   proxyInputMixin,
 } from '../../../mixins';
 import { TextFieldClass } from '../../descope-text-field/TextFieldClass';
-import { ComboBoxClass } from '@descope-ui/descope-combo-box/class';
 import CountryCodes from '../CountryCodes';
 import {
   resetInputCursor,

package/src/components/phone-fields/descope-phone-field/descope-phone-field-internal/PhoneFieldInternal.js

@@ -1,8 +1,8 @@
+import { AsYouType, parsePhoneNumberFromString } from 'libphonenumber-js/min';
 import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';
 import { forwardAttrs, getComponentName } from '../../../../helpers/componentHelpers';
 import CountryCodes from '../../CountryCodes';
 import { comboBoxItem } from '../helpers';
-import { AsYouType, parsePhoneNumberFromString } from 'libphonenumber-js/min';
 
 export const componentName = getComponentName('phone-field-internal');
 

package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js

@@ -1,3 +1,4 @@
+import { syncAttrs } from '@descope-ui/common/components-helpers';
 import { componentName as descopeInternalComponentName } from './descope-phone-input-box-internal/PhoneFieldInternalInputBox';
 import { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';
 import { compose } from '../../../helpers';
@@ -18,7 +19,6 @@ import {
   useHostExternalPadding,
   inputFloatingLabelStyle,
 } from '../../../helpers/themeHelpers/resetHelpers';
-import { syncAttrs } from '@descope-ui/common/components-helpers';
 
 const textVars = TextFieldClass.cssVarList;
 

package/src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js

@@ -1,8 +1,8 @@
 import { forwardAttrs } from '@descope-ui/common/components-helpers';
+import parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';
 import { createBaseInputClass } from '../../../../baseClasses/createBaseInputClass';
 import { getComponentName } from '../../../../helpers/componentHelpers';
 import { getCountryByCodeId, matchingParenthesis } from '../../helpers';
-import parsePhoneNumberFromString, { AsYouType } from 'libphonenumber-js/min';
 
 export const componentName = getComponentName('phone-field-internal-input-box');
 

package/src/components/phone-fields/helpers.js

@@ -1,9 +1,8 @@
 import parsePhoneNumberFromString from 'libphonenumber-js/min';
 import CountryCodes from './CountryCodes';
 
-export const getCountryByCodeId = (countryCode) => {
-  return CountryCodes.find((c) => c.code === countryCode)?.dialCode;
-};
+export const getCountryByCodeId = (countryCode) =>
+  CountryCodes.find((c) => c.code === countryCode)?.dialCode;
 
 export const matchingParenthesis = (val) => {
   const openParenMatches = val.match(/\(/g);

package/src/helpers/componentHelpers.js

@@ -86,7 +86,6 @@ export const forwardProps = (src, target, props = []) => {
             return src[prop];
           },
           set(v) {
-            // eslint-disable-next-line no-param-reassign
             src[prop] = v;
           },
         },

package/src/helpers/themeHelpers/colorsHelpers.js

@@ -83,12 +83,11 @@ export const genColor = (color, theme) => {
   return res;
 };
 
-export const genColors = (colors) => {
-  return Object.keys(colors).reduce((acc, colorName) => {
+export const genColors = (colors) =>
+  Object.keys(colors).reduce((acc, colorName) => {
     const currentColor = colors[colorName];
 
     return Object.assign(acc, {
       [colorName]: genColor(currentColor),
     });
   }, {});
-};

package/src/helpers/themeHelpers/index.js

@@ -18,14 +18,13 @@ const set = (obj, path, value) => {
   return obj;
 };
 
-const transformTheme = (theme, path, getTransformation) => {
-  return Object.entries(theme).reduce((acc, [key, val]) => {
+const transformTheme = (theme, path, getTransformation) =>
+  Object.entries(theme).reduce((acc, [key, val]) => {
     if (val?.constructor !== Object) {
       return merge(acc, getTransformation(path.concat(key), val));
     }
     return merge(acc, transformTheme(val, [...path, key], getTransformation));
   }, {});
-};
 
 const stringifyArray = (strArr) =>
   strArr.map((str) => (str.includes(' ') ? `"${str}"` : str)).join(', ');
@@ -176,13 +175,12 @@ export const themeToStyle = ({ globals, components }, themeName) => ({
 });
 
 // allows to generate css variables with nested fallbacks
-export const useVar = (...varNames) => {
-  return varNames.reduceRight((acc, value) => {
+export const useVar = (...varNames) =>
+  varNames.reduceRight((acc, value) => {
     if (value.startsWith('--')) return `var(${value}${acc ? `, ${acc}` : acc})`;
 
     return `${value}${acc ? `, ${acc}` : acc}`;
   }, '');
-};
 
 export const createHelperVars = (theme, prefix) => {
   const res = transformTheme(theme, [], (path, value) => {

package/src/helpers/themeHelpers/resetHelpers.js

@@ -127,8 +127,7 @@ export const resetInputLabelPosition = (name) => `
     }
 `;
 
-export const inputFloatingLabelStyle = () => {
-  return `
+export const inputFloatingLabelStyle = () => `
   :host([label-type="floating"]) {
     position: relative;
   }
@@ -138,4 +137,3 @@ export const inputFloatingLabelStyle = () => {
     width: auto;
   }
   `;
-};

package/src/index.umd.js

@@ -11,7 +11,6 @@ const components = import.meta.webpackContext('./components', {
 // all components must be in a folder with the component name, and have an index.js file
 // e.g. ./descope-button/index.js
 module.exports = components.keys().reduce((acc, key) => {
-  // eslint-disable-next-line no-useless-escape
   const componentName = key.replace(/.*?([^\/]+)\/index\.js$/, '$1');
 
   if (componentName.endsWith('-internal')) {

package/src/mixins/createDynamicDataMixin.js

@@ -35,7 +35,6 @@ export const createDynamicDataMixin =
     class DynamicDataMixinClass extends superclass {
       #data = [];
 
-      // eslint-disable-next-line class-methods-use-this
       #validateSchema(data) {
         if (!validateSchema) return true;
 

package/src/mixins/createStyleMixin/helpers.js

@@ -108,7 +108,7 @@ export const createCssVarsList = (componentName, mappings) =>
       acc,
       { [attr]: varName },
       // we are exposing the override css var names, the convention is to add 'Override' suffix to the attribute name
-      { [attr + 'Override']: getOverrideCssVarName(varName) },
+      { [`${attr}Override`]: getOverrideCssVarName(varName) },
       getFallbackVarsNames(attr, varName, mappings[attr])
     );
   }, {});

package/src/mixins/createStyleMixin/index.js

@@ -60,7 +60,6 @@ export const createStyleMixin =
         );
       }
 
-      // eslint-disable-next-line class-methods-use-this
       get #componentTheme() {
         return componentsThemeManager.currentTheme?.[componentName] || '';
       }
@@ -95,7 +94,7 @@ export const createStyleMixin =
       }
 
       #setAttrOverride(attrName, value) {
-        const style = this.#overrideStyleEle.cssRules[0].style;
+        const { style } = this.#overrideStyleEle.cssRules[0];
 
         if (!style) return;
 

package/src/mixins/externalInputHelpers.js

@@ -5,13 +5,11 @@ const getValueColor = (ele, computedStyle) => {
   // and re-set it if we are returning from this hack
   const origVal = ele.value;
 
-  // eslint-disable-next-line no-param-reassign
   ele.value = '_';
 
   const valueColor = computedStyle.getPropertyValue('color');
 
   if (ele.value === '_') {
-    // eslint-disable-next-line no-param-reassign
     ele.value = origVal;
   }
 

package/src/mixins/externalInputMixin.js

@@ -161,7 +161,7 @@ export const externalInputMixin =
 
           set(v) {
             valueDescriptor.set.call(this, v);
-            // eslint-disable-next-line no-param-reassign
+
             target.value = v;
           },
           configurable: true,

package/src/mixins/inputValidationMixin.js

@@ -42,12 +42,10 @@ export const inputValidationMixin = (superclass) =>
       this.#internals = this.attachInternals();
     }
 
-    // eslint-disable-next-line class-methods-use-this
     get defaultErrorMsgValueMissing() {
       return 'Please fill out this field.';
     }
 
-    // eslint-disable-next-line class-methods-use-this
     get defaultErrorMsgPatternMismatch() {
       return 'Please match the requested format.';
     }
@@ -68,7 +66,6 @@ export const inputValidationMixin = (superclass) =>
       return `At most ${this.getAttribute('max-items-selection')} items are allowed.`;
     }
 
-    // eslint-disable-next-line class-methods-use-this
     get defaultErrorMsgTypeMismatch() {
       return `Please match the requested type.`;
     }
@@ -137,7 +134,6 @@ export const inputValidationMixin = (superclass) =>
       return this.#internals.validationMessage;
     }
 
-    // eslint-disable-next-line class-methods-use-this
     getValidity() {
       // eslint-disable-next-line no-console
       console.warn('getValidity', 'is not implemented');

package/src/mixins/normalizeBooleanAttributesMixin.js

@@ -25,9 +25,7 @@ const booleanAttributesList = [
   'loading',
 ];
 
-const isBooleanAttribute = (attr) => {
-  return booleanAttributesList.includes(attr);
-};
+const isBooleanAttribute = (attr) => booleanAttributesList.includes(attr);
 // we want all the valueless attributes to have "true" value
 // and all the falsy attribute to be removed
 export const normalizeBooleanAttributesMixin = (superclass) =>

package/src/mixins/portalMixin.js

@@ -33,7 +33,6 @@ const withWaitForShadowRoot = (getRootElementFn) => async (that) => {
         setTimeout(check);
       } else {
         res(ele.shadowRoot);
-        return;
       }
     };
     check();

package/src/mixins/proxyInputMixin.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-param-reassign */
 import { compose } from '../helpers';
 import { forwardAttrs, getComponentName } from '../helpers/componentHelpers';
 import { createDispatchEvent } from '../helpers/mixinsHelpers';

package/src/theme/components/alert.js

@@ -1,7 +1,7 @@
+import { vars as textCompVars } from '@descope-ui/descope-text/theme';
 import globals from '../globals';
 import { getThemeRefs, useVar } from '../../helpers/themeHelpers';
 import { AlertClass } from '../../components/descope-alert/AlertClass';
-import { vars as textCompVars } from '@descope-ui/descope-text/theme';
 
 const globalRefs = getThemeRefs(globals);
 const vars = AlertClass.cssVarList;

package/src/theme/components/index.js

@@ -1,4 +1,26 @@
 import * as button from '@descope-ui/descope-button/theme';
+import * as text from '@descope-ui/descope-text/theme';
+import * as enrichedText from '@descope-ui/descope-enriched-text/theme';
+import * as link from '@descope-ui/descope-link/theme';
+import * as comboBox from '@descope-ui/descope-combo-box/theme';
+import * as badge from '@descope-ui/descope-badge/theme';
+import * as avatar from '@descope-ui/descope-avatar/theme';
+import * as icon from '@descope-ui/descope-icon/theme';
+import * as image from '@descope-ui/descope-image/theme';
+import * as appsList from '@descope-ui/descope-apps-list/theme';
+import * as list from '@descope-ui/descope-list/theme';
+import * as listItem from '@descope-ui/descope-list-item/theme';
+import * as autocompleteField from '@descope-ui/descope-autocomplete-field/theme';
+import * as addressField from '@descope-ui/descope-address-field/theme';
+import * as timer from '@descope-ui/descope-timer/theme';
+import * as timerButton from '@descope-ui/descope-timer-button/theme';
+import * as passwordStrength from '@descope-ui/descope-password-strength/theme';
+import * as collapsibleContainer from '@descope-ui/descope-collapsible-container/theme';
+import * as recoveryCodes from '@descope-ui/descope-recovery-codes/theme';
+import * as outboundApps from '@descope-ui/descope-outbound-apps/theme';
+import * as outboundAppButton from '@descope-ui/descope-outbound-app-button/theme';
+import * as trustedDevices from '@descope-ui/descope-trusted-devices/theme';
+import * as tooltip from '@descope-ui/descope-tooltip/theme';
 import * as textField from './textField';
 import * as password from './password';
 import * as numberField from './numberField';
@@ -10,13 +32,9 @@ import * as container from './container';
 import * as logo from './logo';
 import * as totpImage from './totpImage';
 import * as notpImage from './notpImage';
-import * as text from '@descope-ui/descope-text/theme';
-import * as enrichedText from '@descope-ui/descope-enriched-text/theme';
-import * as link from '@descope-ui/descope-link/theme';
 import * as divider from './divider';
 import * as passcode from './passcode';
 import { loaderRadial, loaderLinear } from './loader';
-import * as comboBox from '@descope-ui/descope-combo-box/theme';
 import * as phoneField from './phoneField';
 import * as phoneInputBoxField from './phoneInputBoxField';
 import * as newPassword from './newPassword';
@@ -29,23 +47,16 @@ import * as modal from './modal';
 import * as grid from './grid';
 import * as notificationCard from './notificationCard';
 import * as multiSelectComboBox from './multiSelectComboBox';
-import * as badge from '@descope-ui/descope-badge/theme';
-import * as avatar from '@descope-ui/descope-avatar/theme';
 import * as mappingsField from './mappingsField';
 import * as userAttribute from './userAttribute';
 import * as userAuthMethod from './userAuthMethod';
 import * as samlGroupMappings from './samlGroupMappings';
 import * as policyValidation from './policyValidation';
-import * as icon from '@descope-ui/descope-icon/theme';
-import * as image from '@descope-ui/descope-image/theme';
 import * as codeSnippet from './codeSnippet';
 import * as radioGroup from './radioGroup/radioGroup';
 import * as radioButton from './radioGroup/radioButton';
 import * as calendar from './calendar';
 import * as dateField from './dateField';
-import * as appsList from '@descope-ui/descope-apps-list/theme';
-import * as list from '@descope-ui/descope-list/theme';
-import * as listItem from '@descope-ui/descope-list-item/theme';
 import * as scopesList from './scopesList';
 import * as thirdPartyAppLogo from './thirdPartyAppLogo';
 import * as securityQuestionsSetup from './securityQuestionsSetup';
@@ -53,17 +64,6 @@ import * as securityQuestionsVerify from './securityQuestionsVerify';
 import * as hybridField from './hybridField';
 import * as alert from './alert';
 import * as hcaptcha from './hcaptcha';
-import * as autocompleteField from '@descope-ui/descope-autocomplete-field/theme';
-import * as addressField from '@descope-ui/descope-address-field/theme';
-import * as timer from '@descope-ui/descope-timer/theme';
-import * as timerButton from '@descope-ui/descope-timer-button/theme';
-import * as passwordStrength from '@descope-ui/descope-password-strength/theme';
-import * as collapsibleContainer from '@descope-ui/descope-collapsible-container/theme';
-import * as recoveryCodes from '@descope-ui/descope-recovery-codes/theme';
-import * as outboundApps from '@descope-ui/descope-outbound-apps/theme';
-import * as outboundAppButton from '@descope-ui/descope-outbound-app-button/theme';
-import * as trustedDevices from '@descope-ui/descope-trusted-devices/theme';
-import * as tooltip from '@descope-ui/descope-tooltip/theme';
 
 const components = {
   button,