@veracity/vui 2.20.1 → 2.21.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/cjs/dialog/dialog.d.ts.map +1 -1
  2. package/dist/cjs/dialog/dialog.js +2 -2
  3. package/dist/cjs/dialog/dialog.js.map +1 -1
  4. package/dist/cjs/dialog/dialog.types.d.ts +3 -1
  5. package/dist/cjs/dialog/dialog.types.d.ts.map +1 -1
  6. package/dist/cjs/input/inputInput.d.ts.map +1 -1
  7. package/dist/cjs/input/inputInput.js +1 -1
  8. package/dist/cjs/input/inputInput.js.map +1 -1
  9. package/dist/cjs/link/link.d.ts +3 -1
  10. package/dist/cjs/link/link.d.ts.map +1 -1
  11. package/dist/cjs/link/link.js +24 -5
  12. package/dist/cjs/link/link.js.map +1 -1
  13. package/dist/cjs/select/select.types.d.ts +1 -1
  14. package/dist/cjs/select/select.types.d.ts.map +1 -1
  15. package/dist/cjs/tooltip/consts.d.ts +57 -1
  16. package/dist/cjs/tooltip/consts.d.ts.map +1 -1
  17. package/dist/cjs/tooltip/consts.js +62 -6
  18. package/dist/cjs/tooltip/consts.js.map +1 -1
  19. package/dist/cjs/tooltip/tooltip.types.d.ts +1 -1
  20. package/dist/cjs/tooltip/tooltip.types.d.ts.map +1 -1
  21. package/dist/esm/dialog/dialog.d.ts.map +1 -1
  22. package/dist/esm/dialog/dialog.js +2 -2
  23. package/dist/esm/dialog/dialog.js.map +1 -1
  24. package/dist/esm/dialog/dialog.types.d.ts +3 -1
  25. package/dist/esm/dialog/dialog.types.d.ts.map +1 -1
  26. package/dist/esm/input/inputInput.d.ts.map +1 -1
  27. package/dist/esm/input/inputInput.js +1 -1
  28. package/dist/esm/input/inputInput.js.map +1 -1
  29. package/dist/esm/link/link.d.ts +3 -1
  30. package/dist/esm/link/link.d.ts.map +1 -1
  31. package/dist/esm/link/link.js +24 -5
  32. package/dist/esm/link/link.js.map +1 -1
  33. package/dist/esm/select/select.types.d.ts +1 -1
  34. package/dist/esm/select/select.types.d.ts.map +1 -1
  35. package/dist/esm/tooltip/consts.d.ts +57 -1
  36. package/dist/esm/tooltip/consts.d.ts.map +1 -1
  37. package/dist/esm/tooltip/consts.js +62 -6
  38. package/dist/esm/tooltip/consts.js.map +1 -1
  39. package/dist/esm/tooltip/tooltip.types.d.ts +1 -1
  40. package/dist/esm/tooltip/tooltip.types.d.ts.map +1 -1
  41. package/dist/tsconfig.legacy.tsbuildinfo +1 -1
  42. package/dist/tsconfig.tsbuildinfo +1 -1
  43. package/package.json +1 -1
  44. package/src/dialog/dialog.tsx +2 -1
  45. package/src/dialog/dialog.types.ts +3 -1
  46. package/src/input/inputInput.tsx +1 -2
  47. package/src/link/link.tsx +25 -9
  48. package/src/select/select.types.ts +1 -1
  49. package/src/tooltip/consts.ts +62 -6
  50. package/src/tooltip/tooltip.types.ts +13 -1
@@ -5,7 +5,9 @@ import { cs, filterUndefined, isReactText, isString } from '../utils';
5
5
  import { LinkProvider } from './context';
6
6
  import LinkIcon from './linkIcon';
7
7
  import LinkText from './linkText';
8
- export const LinkBase = styled.aBox `
8
+ export const LinkBase = styled.aBox.attrs((props) => ({
9
+ isUnderlined: props.isUnderlined || false,
10
+ })) `
9
11
  align-items: center;
10
12
  border-radius: none;
11
13
  cursor: pointer;
@@ -15,22 +17,39 @@ export const LinkBase = styled.aBox `
15
17
  text-decoration: none;
16
18
  transition-duration: instant;
17
19
  width: fit-content;
20
+ position: relative;
21
+
22
+ &::after {
23
+ content: '';
24
+ position: absolute;
25
+ bottom: 0;
26
+ left: 0;
27
+ width: 100%;
28
+ height: ${props => (props.isUnderlined ? '1px' : '0')};
29
+ background-color: currentColor;
30
+ opacity: ${props => (props.isUnderlined ? '1' : '0')};
31
+ transition: height 0.2s ease-in-out;
32
+ }
33
+
34
+ &:hover::after {
35
+ height: 2px;
36
+ opacity: 1;
37
+ }
18
38
  `;
19
39
  /**
20
40
  * Displays a link item. Handles different underline scenarios and opening external links in new tab.
21
41
  * Exposes some props to the children via context.
22
42
  */
23
43
  export const Link = vui((props, ref) => {
24
- const { children, className, decoration, hoverDecoration = 'underline', iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight, ...rest } = props;
44
+ const { children, className, fontWeight, iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight, ...rest } = props;
25
45
  const styles = useStyleConfig('Link', props);
26
46
  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant]);
27
47
  const aliasedProps = filterUndefined({
28
- fontWeight: weight,
48
+ fontWeight: weight || fontWeight,
29
49
  rel: isExternal ? 'noopener' : undefined,
30
50
  target: isExternal ? '_blank' : undefined,
31
- textDecoration: decoration ?? (isUnderlined ? 'underline' : undefined),
32
51
  });
33
- return (_jsx(LinkProvider, { value: context, children: _jsxs(LinkBase, { className: cs('vui-link', className), focusRing: 2, hoverTextDecoration: hoverDecoration, ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [isString(iconLeft) ? _jsx(LinkIcon, { mr: 1, name: iconLeft }) : iconLeft, children ?? (isReactText(text) ? _jsx(LinkText, { text: text }) : text), isString(iconRight) ? _jsx(LinkIcon, { ml: 1, name: iconRight }) : iconRight] }) }));
52
+ return (_jsx(LinkProvider, { value: context, children: _jsxs(LinkBase, { className: cs('vui-link', className), focusRing: 2, isUnderlined: isUnderlined, ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [isString(iconLeft) ? _jsx(LinkIcon, { mr: 1, name: iconLeft }) : iconLeft, children ?? (isReactText(text) ? _jsx(LinkText, { text: text }) : text), isString(iconRight) ? _jsx(LinkIcon, { ml: 1, name: iconRight }) : iconRight] }) }));
34
53
  });
35
54
  Link.Icon = LinkIcon;
36
55
  Link.Text = LinkText;
@@ -1 +1 @@
1
- {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/link/link.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;CAUlC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,eAAe,GAAG,WAAW,EAC7B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IACT,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAElF,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,UAAU,EAAE,MAAM;QAClB,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QACxC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACzC,cAAc,EAAE,UAAU,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;KACvE,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,OAAO,YAC1B,MAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EACpC,SAAS,EAAE,CAAC,EACZ,mBAAmB,EAAE,eAAe,EACpC,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,SAAS,KAChB,YAAY,KACZ,IAAI,aAEP,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,QAAQ,EAEnE,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAEjE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,SAAS,IAC9D,GACE,CAChB,CAAA;AACH,CAAC,CAGA,CAAA;AAED,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AACzB,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/link/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,CAAC;IAC/D,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK;CAC1C,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;cAkBW,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;eAE1C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;;;;;;;;CAQvD,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IACT,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAElF,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,UAAU,EAAE,MAAM,IAAI,UAAU;QAChC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QACxC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC1C,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,OAAO,YAC1B,MAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EACpC,SAAS,EAAE,CAAC,EACZ,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,SAAS,KAChB,YAAY,KACZ,IAAI,aAEP,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,QAAQ,EACnE,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EACjE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,SAAS,IAC9D,GACE,CAChB,CAAA;AACH,CAAC,CAGA,CAAA;AAED,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AACzB,eAAe,IAAI,CAAA"}
@@ -38,7 +38,7 @@ export type SelectProps = ThemingProps<'Select'> & PopoverProps & UseSelectProps
38
38
  readOnly?: boolean;
39
39
  /** Custom select button slot. */
40
40
  selectButton?: ReactNode;
41
- /** Displays a filter input to limit the number of options. */
41
+ /** Displays a filter input to limit the number of options. Important: it takes effect only if the options array is provided. */
42
42
  showOptionsFilter?: boolean;
43
43
  };
44
44
  export type SelectOptionData = {
@@ -1 +1 @@
1
- {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC,CAAA;AAExH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
1
+ {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gIAAgI;IAChI,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC,CAAA;AAExH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
@@ -10,6 +10,41 @@ export declare const pointerPlacement: {
10
10
  right: string;
11
11
  translate: string;
12
12
  };
13
+ 'top-start': {
14
+ top: string;
15
+ bottom: string;
16
+ left: number;
17
+ right: undefined;
18
+ translate: string;
19
+ };
20
+ 'top-end': {
21
+ top: string;
22
+ bottom: string;
23
+ left: undefined;
24
+ right: number;
25
+ translate: string;
26
+ };
27
+ right: {
28
+ top: string;
29
+ bottom: string;
30
+ left: string;
31
+ right: string;
32
+ translate: string;
33
+ };
34
+ 'right-start': {
35
+ top: string;
36
+ bottom: string;
37
+ left: string;
38
+ right: string;
39
+ translate: string;
40
+ };
41
+ 'right-end': {
42
+ top: string;
43
+ bottom: string;
44
+ left: string;
45
+ right: string;
46
+ translate: string;
47
+ };
13
48
  bottom: {
14
49
  top: string;
15
50
  bottom: string;
@@ -17,6 +52,20 @@ export declare const pointerPlacement: {
17
52
  right: string;
18
53
  translate: string;
19
54
  };
55
+ 'bottom-start': {
56
+ top: string;
57
+ bottom: string;
58
+ left: number;
59
+ right: undefined;
60
+ translate: string;
61
+ };
62
+ 'bottom-end': {
63
+ top: string;
64
+ bottom: string;
65
+ left: undefined;
66
+ right: number;
67
+ translate: string;
68
+ };
20
69
  left: {
21
70
  top: string;
22
71
  bottom: string;
@@ -24,7 +73,14 @@ export declare const pointerPlacement: {
24
73
  right: string;
25
74
  translate: string;
26
75
  };
27
- right: {
76
+ 'left-start': {
77
+ top: string;
78
+ bottom: string;
79
+ left: string;
80
+ right: string;
81
+ translate: string;
82
+ };
83
+ 'left-end': {
28
84
  top: string;
29
85
  bottom: string;
30
86
  left: string;
@@ -1 +1 @@
1
- {"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE,gBAAgB,CAAA;AAE/B,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,SAAS,IAAI,CAAA;AAE1B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}
1
+ {"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE,gBAAgB,CAAA;AAE/B,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,SAAS,IAAI,CAAA;AAE1B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqF5B,CAAA"}
@@ -10,6 +10,41 @@ export const pointerPlacement = {
10
10
  right: 'auto',
11
11
  translate: '-50%, 0',
12
12
  },
13
+ 'top-start': {
14
+ top: 'auto',
15
+ bottom: `-${pointerSize / 2}px`,
16
+ left: pointerSize * 2,
17
+ right: undefined,
18
+ translate: '-50%, 0',
19
+ },
20
+ 'top-end': {
21
+ top: 'auto',
22
+ bottom: `-${pointerSize / 2}px`,
23
+ left: undefined,
24
+ right: pointerSize,
25
+ translate: '-50%, 0',
26
+ },
27
+ right: {
28
+ top: '50%',
29
+ bottom: 'auto',
30
+ left: '2px',
31
+ right: 'auto',
32
+ translate: '0, -50%',
33
+ },
34
+ 'right-start': {
35
+ top: `${pointerSize * 1.5}px`,
36
+ bottom: 'auto',
37
+ left: '2px',
38
+ right: 'auto',
39
+ translate: '0, -50%',
40
+ },
41
+ 'right-end': {
42
+ top: 'auto',
43
+ bottom: `${pointerSize / 2}px`,
44
+ left: '2px',
45
+ right: 'auto',
46
+ translate: '0, -50%',
47
+ },
13
48
  bottom: {
14
49
  top: `-${pointerSize / 2}px`,
15
50
  bottom: 'auto',
@@ -17,19 +52,40 @@ export const pointerPlacement = {
17
52
  right: 'auto',
18
53
  translate: '-50%, 0',
19
54
  },
55
+ 'bottom-start': {
56
+ top: `-${pointerSize / 2}px`,
57
+ bottom: 'auto',
58
+ left: pointerSize * 2,
59
+ right: undefined,
60
+ translate: '-50%, 0',
61
+ },
62
+ 'bottom-end': {
63
+ top: `-${pointerSize / 2}px`,
64
+ bottom: 'auto',
65
+ left: undefined,
66
+ right: pointerSize,
67
+ translate: '-50%, 0',
68
+ },
20
69
  left: {
21
- top: `50%`,
70
+ top: '50%',
22
71
  bottom: 'auto',
23
72
  left: 'auto',
24
73
  right: '-4px',
25
74
  translate: '-50%, -50%',
26
75
  },
27
- right: {
28
- top: `50%`,
76
+ 'left-start': {
77
+ top: `${pointerSize * 1.5}px`,
29
78
  bottom: 'auto',
30
- left: '2px',
31
- right: 'auto',
32
- translate: '0, -50%',
79
+ left: 'auto',
80
+ right: '-4px',
81
+ translate: '-50%, -50%',
82
+ },
83
+ 'left-end': {
84
+ top: 'auto',
85
+ bottom: `${pointerSize / 2}px`,
86
+ left: 'auto',
87
+ right: '-4px',
88
+ translate: '-50%, -50%',
33
89
  },
34
90
  };
35
91
  //# sourceMappingURL=consts.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAE7B,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAA;AAE7B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,KAAK,EAAE;QACL,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;CACF,CAAA"}
1
+ {"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAE7B,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAA;AAE7B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,WAAW,GAAG,CAAC;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,SAAS,EAAE;QACT,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,KAAK,EAAE;QACL,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,aAAa,EAAE;QACb,GAAG,EAAE,GAAG,WAAW,GAAG,GAAG,IAAI;QAC7B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI;QAC9B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,cAAc,EAAE;QACd,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,WAAW,GAAG,CAAC;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,GAAG,WAAW,GAAG,GAAG,IAAI;QAC7B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,UAAU,EAAE;QACV,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI;QAC9B,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;CACF,CAAA"}
@@ -6,7 +6,7 @@ export interface TooltipProps extends ChildrenProp {
6
6
  /** Displays given text at the tooltip. */
7
7
  text?: string;
8
8
  /** Tooltip position. */
9
- placement?: 'top' | 'left' | 'bottom' | 'right';
9
+ placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
10
10
  /** Sets maximum width to the tooltip body. */
11
11
  maxWidth?: string;
12
12
  /** Link text that will be concatenated to the end of the tooltip text. */
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB"}
1
+ {"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB"}