@descope/web-components-ui 1.105.0 → 1.107.0

package/src/components/descope-link/LinkClass.js

@@ -1,76 +0,0 @@
-import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
-import { createBaseClass } from '../../baseClasses/createBaseClass';
-import { TextClass } from '@descope-ui/descope-text/class';
-import { compose } from '../../helpers';
-import { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';
-import { injectStyle } from '@descope-ui/common/components-helpers';
-
-export const componentName = getComponentName('link');
-
-class RawLink extends createBaseClass({ componentName, baseSelector: ':host a' }) {
-  constructor() {
-    super();
-
-    this.attachShadow({ mode: 'open' }).innerHTML = `
-		<div>
-			<descope-text>
-				<a>
-					<slot></slot>
-				</a>
-			</descope-text>
-		</div>
-		`;
-
-    injectStyle(
-      `
-    :host {
-			display: inline-block;
-      line-height: 1em;
-		}
-		:host a {
-			display: inline;
-		}
-      `,
-      this
-    );
-
-    forwardAttrs(this, this.shadowRoot.querySelector('a'), {
-      includeAttrs: ['href', 'target', 'tooltip'],
-      mapAttrs: {
-        tooltip: 'title',
-      },
-    });
-
-    forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {
-      includeAttrs: ['mode', 'variant'],
-    });
-  }
-}
-
-const selectors = {
-  host: { selector: () => ':host' },
-  link: { selector: () => ':host a' },
-  anchor: {},
-  wrapper: { selector: () => ':host > div' },
-  text: { selector: () => TextClass.componentName },
-};
-
-const { anchor, text, host, wrapper, link } = selectors;
-
-export const LinkClass = compose(
-  createStyleMixin({
-    mappings: {
-      hostWidth: { ...host, property: 'width' },
-      hostDirection: { ...text, property: 'direction' },
-      textAlign: wrapper,
-      textDecoration: { ...link, property: 'text-decoration', fallback: 'none' },
-      textColor: [
-        { ...anchor, property: 'color' },
-        { ...text, property: TextClass.cssVarList.textColor },
-      ],
-      cursor: anchor,
-    },
-  }),
-  draggableMixin,
-  componentNameValidationMixin
-)(RawLink);

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

@@ -1,6 +0,0 @@
-import { componentName, LinkClass } from './LinkClass';
-import '@descope-ui/descope-text';
-
-customElements.define(componentName, LinkClass);
-
-export { LinkClass, componentName };

package/src/theme/components/enrichedText.js

@@ -1,40 +0,0 @@
-import globals from '../globals';
-import { getThemeRefs, useVar } from '../../helpers/themeHelpers';
-import { EnrichedTextClass } from '../../components/descope-enriched-text/EnrichedTextClass';
-import { vars as textCompVars } from '@descope-ui/descope-text/theme';
-import { vars as linkCompVars } from './link';
-
-const globalRefs = getThemeRefs(globals);
-const vars = EnrichedTextClass.cssVarList;
-
-const enrichedText = {
-  [vars.hostDirection]: globalRefs.direction,
-  [vars.hostWidth]: useVar(textCompVars.hostWidth),
-
-  [vars.textLineHeight]: useVar(textCompVars.textLineHeight),
-  [vars.textColor]: useVar(textCompVars.textColor),
-  [vars.textAlign]: useVar(textCompVars.textAlign),
-
-  [vars.fontSize]: useVar(textCompVars.fontSize),
-  [vars.fontWeight]: useVar(textCompVars.fontWeight),
-  [vars.fontFamily]: useVar(textCompVars.fontFamily),
-
-  [vars.linkColor]: useVar(linkCompVars.textColor),
-  [vars.linkTextDecoration]: 'none',
-  [vars.linkHoverTextDecoration]: 'underline',
-
-  [vars.fontWeightBold]: '900',
-  [vars.minWidth]: '0.25em',
-  [vars.minHeight]: '1.35em',
-
-  [vars.hostDisplay]: 'inline-block',
-
-  _empty: {
-    _hideWhenEmpty: {
-      [vars.hostDisplay]: 'none',
-    },
-  },
-};
-
-export default enrichedText;
-export { vars };

package/src/theme/components/link.js

@@ -1,36 +0,0 @@
-import globals from '../globals';
-import { getThemeRefs } from '../../helpers/themeHelpers';
-import { LinkClass } from '../../components/descope-link/LinkClass';
-
-const globalRefs = getThemeRefs(globals);
-const vars = LinkClass.cssVarList;
-
-const link = {
-  [vars.hostDirection]: globalRefs.direction,
-  [vars.cursor]: 'pointer',
-
-  [vars.textColor]: globalRefs.colors.primary.main,
-
-  textAlign: {
-    right: { [vars.textAlign]: 'right' },
-    left: { [vars.textAlign]: 'left' },
-    center: { [vars.textAlign]: 'center' },
-  },
-
-  _fullWidth: {
-    [vars.hostWidth]: '100%',
-  },
-
-  _hover: {
-    [vars.textDecoration]: 'underline',
-  },
-
-  mode: {
-    secondary: {
-      [vars.textColor]: globalRefs.colors.secondary.main,
-    },
-  },
-};
-
-export default link;
-export { vars };