@descope/web-components-ui 1.130.0 → 1.131.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "1.130.0",
+  "version": "1.131.0",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -75,27 +75,29 @@
     "libphonenumber-js": "^1.11.12",
     "lodash.debounce": "4.0.8",
     "lodash.merge": "4.6.2",
-    "@descope-ui/common": "0.0.18",
-    "@descope-ui/descope-button": "0.0.19",
-    "@descope-ui/descope-outbound-app-button": "0.0.4",
-    "@descope-ui/descope-image": "0.0.10",
-    "@descope-ui/descope-icon": "0.0.17",
-    "@descope-ui/descope-text": "0.0.19",
-    "@descope-ui/descope-avatar": "0.0.19",
-    "@descope-ui/descope-combo-box": "0.1.11",
-    "@descope-ui/descope-autocomplete-field": "0.0.24",
-    "@descope-ui/descope-address-field": "0.0.23",
-    "@descope-ui/descope-timer": "0.0.17",
-    "@descope-ui/descope-timer-button": "0.0.20",
-    "@descope-ui/descope-list": "0.0.1",
-    "@descope-ui/descope-list-item": "0.0.1",
-    "@descope-ui/descope-apps-list": "0.0.1",
-    "@descope-ui/descope-outbound-apps": "0.0.5",
-    "@descope-ui/descope-password-strength": "0.0.13",
-    "@descope-ui/descope-collapsible-container": "0.0.18",
-    "@descope-ui/descope-recovery-codes": "0.0.6",
-    "@descope-ui/descope-link": "0.0.3",
-    "@descope-ui/descope-enriched-text": "0.0.3"
+    "@descope-ui/common": "0.1.0",
+    "@descope-ui/descope-button": "0.0.20",
+    "@descope-ui/descope-outbound-app-button": "0.0.5",
+    "@descope-ui/descope-image": "0.0.11",
+    "@descope-ui/descope-icon": "0.0.18",
+    "@descope-ui/descope-text": "0.0.20",
+    "@descope-ui/descope-avatar": "0.1.0",
+    "@descope-ui/descope-combo-box": "0.1.12",
+    "@descope-ui/descope-autocomplete-field": "0.0.25",
+    "@descope-ui/descope-address-field": "0.0.24",
+    "@descope-ui/descope-timer": "0.0.18",
+    "@descope-ui/descope-timer-button": "0.0.21",
+    "@descope-ui/descope-list": "0.1.0",
+    "@descope-ui/descope-list-item": "0.1.0",
+    "@descope-ui/descope-apps-list": "0.0.2",
+    "@descope-ui/descope-outbound-apps": "0.1.0",
+    "@descope-ui/descope-password-strength": "0.0.14",
+    "@descope-ui/descope-collapsible-container": "0.0.19",
+    "@descope-ui/descope-recovery-codes": "0.0.7",
+    "@descope-ui/descope-link": "0.1.0",
+    "@descope-ui/descope-enriched-text": "0.0.4",
+    "@descope-ui/descope-badge": "0.1.0",
+    "@descope-ui/descope-trusted-devices": "0.1.0"
   },
   "overrides": {
     "@vaadin/avatar": "24.3.4",

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

@@ -6,7 +6,7 @@ import deleteIcon from './delete.svg';
 import editIcon from './edit.svg';
 import { TextClass } from '@descope-ui/descope-text/class';
 import { ButtonClass } from '@descope-ui/descope-button/class';
-import { BadgeClass } from '../descope-badge/BadgeClass';
+import { BadgeClass } from '@descope-ui/descope-badge/class';
 import { injectStyle } from '@descope-ui/common/components-helpers';
 
 export const componentName = getComponentName('user-attribute');

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

@@ -1,7 +1,7 @@
 import { componentName, UserAttributeClass } from './UserAttributeClass';
 import '@descope-ui/descope-text';
 import '@descope-ui/descope-button';
-import '../descope-badge';
+import '@descope-ui/descope-badge';
 import '@vaadin/icon';
 
 customElements.define(componentName, UserAttributeClass);

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

@@ -5,7 +5,7 @@ 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 { BadgeClass } from '../descope-badge/BadgeClass';
+import { BadgeClass } from '@descope-ui/descope-badge/class';
 import { IconClass } from '@descope-ui/descope-icon/class';
 import { injectStyle } from '@descope-ui/common/components-helpers';
 

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

@@ -1,7 +1,7 @@
 import { componentName, UserAuthMethodClass } from './UserAuthMethodClass';
 import '@descope-ui/descope-text';
 import '@descope-ui/descope-button';
-import '../descope-badge';
+import '@descope-ui/descope-badge';
 import '@vaadin/icon';
 
 customElements.define(componentName, UserAuthMethodClass);

package/src/index.cjs.js

@@ -31,7 +31,6 @@ export { ButtonSelectionGroupItemClass } from './components/button-selection-gro
 export { ModalClass } from './components/descope-modal/ModalClass';
 export { NotificationClass } from './components/descope-notification/NotificationClass';
 export { GridClass } from './components/descope-grid/GridClass';
-export { BadgeClass } from './components/descope-badge/BadgeClass';
 export { MultiSelectComboBoxClass } from './components/descope-multi-select-combo-box/MultiSelectComboBoxClass';
 export { UserAttributeClass } from './components/descope-user-attribute/UserAttributeClass';
 export { UserAuthMethodClass } from './components/descope-user-auth-method/UserAuthMethodClass';

package/src/index.js

@@ -24,7 +24,6 @@ export * from './components/button-selection-group-fields/descope-button-selecti
 export * from './components/button-selection-group-fields/descope-button-multi-selection-group';
 export * from './components/descope-grid';
 export * from './components/descope-multi-select-combo-box';
-export * from './components/descope-badge';
 export * from './components/descope-modal';
 export * from './components/descope-notification';
 export * from './components/mapping-fields/descope-mappings-field';

package/src/theme/components/index.js

@@ -29,7 +29,7 @@ import * as modal from './modal';
 import * as grid from './grid';
 import * as notificationCard from './notificationCard';
 import * as multiSelectComboBox from './multiSelectComboBox';
-import * as badge from './badge';
+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';
@@ -62,6 +62,7 @@ import * as collapsibleContainer from '@descope-ui/descope-collapsible-container
 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';
 
 const components = {
   button,
@@ -129,6 +130,7 @@ const components = {
   hcaptcha,
   outboundApps,
   outboundAppButton,
+  trustedDevices,
 };
 
 const theme = Object.keys(components).reduce(

package/dist/umd/descope-badge-index-js.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9553],{26442:(t,e,o)=>{o.d(e,{T:()=>p,e:()=>l});var n=o(79365),r=o(81365),i=o(9696),d=o(97810),s=o(25964);const p=(0,d.xE)("badge");class a extends((0,r.q)({componentName:p,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",(0,s.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const l=(0,i.Zz)((0,n.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),n.VO,n.tQ)(a)},91359:(t,e,o)=>{o.r(e),o.d(e,{BadgeClass:()=>n.e,componentName:()=>n.T});var n=o(26442);customElements.define(n.T,n.e)}}]);
-//# sourceMappingURL=descope-badge-index-js.js.map

package/dist/umd/descope-badge-index-js.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descope-badge-index-js.js","mappings":"4NAMO,MAAMA,GAAgB,QAAiB,SAE9C,MAAMC,WAAiB,OAAgB,CAAED,gBAAeE,aAAc,iBACpE,WAAAC,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,sDAMhD,QACE,iNAWAH,KAEJ,EAGK,MAAMI,GAAa,SACxB,QAAiB,CACfC,SAAU,CACRC,UAAW,CAAC,CAAEC,SAAU,IAAM,QAASC,SAAU,UACjDC,cAAe,CAAED,SAAU,aAE3BE,WAAY,CAAC,EACbC,SAAU,CAAC,EACXC,WAAY,CAAC,EACbC,cAAe,CAAC,EAChBC,gBAAiB,CAAC,CAAEN,SAAU,eAAiB,CAAEA,SAAU,mBAC3DO,kBAAmB,CAAC,CAAEP,SAAU,gBAAkB,CAAEA,SAAU,kBAE9DQ,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,aAAc,CAAC,EAEfC,gBAAiB,CAAC,EAElBC,UAAW,CAAEb,SAAU,SACvBc,UAAW,CAAC,KAGhB,KACA,KAzBwB,CA0BxB1B,E,0FC3DF2B,eAAeC,OAAO,IAAe,I","sources":["webpack://@descope/web-components-ui/./src/components/descope-badge/BadgeClass.js","webpack://@descope/web-components-ui/./src/components/descope-badge/index.js"],"sourcesContent":["import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('badge');\n\nclass RawBadge extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      `,\n      this\n    );\n  }\n}\n\nexport const BadgeClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }],\n      hostDirection: { property: 'direction' },\n\n      fontFamily: {},\n      fontSize: {},\n      fontWeight: {},\n      textTransform: {},\n      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],\n\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n      borderRadius: {},\n\n      backgroundColor: {},\n\n      textColor: { property: 'color' },\n      textAlign: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawBadge);\n","import { componentName, BadgeClass } from './BadgeClass';\n\ncustomElements.define(componentName, BadgeClass);\n\nexport { BadgeClass, componentName };\n"],"names":["componentName","RawBadge","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","BadgeClass","mappings","hostWidth","selector","property","hostDirection","fontFamily","fontSize","fontWeight","textTransform","verticalPadding","horizontalPadding","borderWidth","borderStyle","borderColor","borderRadius","backgroundColor","textColor","textAlign","customElements","define"],"sourceRoot":""}

package/src/components/descope-badge/BadgeClass.js

@@ -1,62 +0,0 @@
-import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
-import { createBaseClass } from '../../baseClasses/createBaseClass';
-import { compose } from '../../helpers';
-import { getComponentName } from '../../helpers/componentHelpers';
-import { injectStyle } from '@descope-ui/common/components-helpers';
-
-export const componentName = getComponentName('badge');
-
-class RawBadge extends createBaseClass({ componentName, baseSelector: ':host > div' }) {
-  constructor() {
-    super();
-
-    this.attachShadow({ mode: 'open' }).innerHTML = `
-		<div>
-      <slot></slot>
-		</div>
-		`;
-
-    injectStyle(
-      `
-      :host {
-        display: inline-flex;
-      }
-      :host > div {
-        width: 100%;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-      }
-      `,
-      this
-    );
-  }
-}
-
-export const BadgeClass = compose(
-  createStyleMixin({
-    mappings: {
-      hostWidth: [{ selector: () => ':host', property: 'width' }],
-      hostDirection: { property: 'direction' },
-
-      fontFamily: {},
-      fontSize: {},
-      fontWeight: {},
-      textTransform: {},
-      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
-      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
-
-      borderWidth: {},
-      borderStyle: {},
-      borderColor: {},
-      borderRadius: {},
-
-      backgroundColor: {},
-
-      textColor: { property: 'color' },
-      textAlign: {},
-    },
-  }),
-  draggableMixin,
-  componentNameValidationMixin
-)(RawBadge);

package/src/components/descope-badge/index.js

@@ -1,5 +0,0 @@
-import { componentName, BadgeClass } from './BadgeClass';
-
-customElements.define(componentName, BadgeClass);
-
-export { BadgeClass, componentName };

package/src/theme/components/badge.js

@@ -1,71 +0,0 @@
-import globals from '../globals';
-import { getThemeRefs } from '../../helpers/themeHelpers';
-import { BadgeClass } from '../../components/descope-badge/BadgeClass';
-
-const globalRefs = getThemeRefs(globals);
-const vars = BadgeClass.cssVarList;
-
-const badge = {
-  [vars.hostWidth]: 'fit-content',
-  [vars.hostDirection]: globalRefs.direction,
-
-  [vars.textAlign]: 'center',
-
-  [vars.fontFamily]: globalRefs.fonts.font1.family,
-  [vars.fontWeight]: '400',
-
-  [vars.verticalPadding]: '0.25em',
-  [vars.horizontalPadding]: '0.5em',
-
-  [vars.borderWidth]: globalRefs.border.xs,
-  [vars.borderRadius]: globalRefs.radius.xs,
-  [vars.borderColor]: 'transparent',
-  [vars.borderStyle]: 'solid',
-
-  _fullWidth: {
-    [vars.hostWidth]: '100%',
-  },
-
-  size: {
-    xs: { [vars.fontSize]: '12px' },
-    sm: { [vars.fontSize]: '14px' },
-    md: { [vars.fontSize]: '16px' },
-    lg: { [vars.fontSize]: '18px' },
-  },
-
-  mode: {
-    default: {
-      [vars.textColor]: globalRefs.colors.surface.dark,
-      _bordered: {
-        [vars.borderColor]: globalRefs.colors.surface.light,
-      },
-    },
-    primary: {
-      [vars.textColor]: globalRefs.colors.primary.main,
-      _bordered: {
-        [vars.borderColor]: globalRefs.colors.primary.light,
-      },
-    },
-    secondary: {
-      [vars.textColor]: globalRefs.colors.secondary.main,
-      _bordered: {
-        [vars.borderColor]: globalRefs.colors.secondary.light,
-      },
-    },
-    error: {
-      [vars.textColor]: globalRefs.colors.error.main,
-      _bordered: {
-        [vars.borderColor]: globalRefs.colors.error.light,
-      },
-    },
-    success: {
-      [vars.textColor]: globalRefs.colors.success.main,
-      _bordered: {
-        [vars.borderColor]: globalRefs.colors.success.light,
-      },
-    },
-  },
-};
-
-export default badge;
-export { vars };