@laerdal/life-react-components 1.1.2-dev.14 → 1.1.2-dev.15

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 (95) hide show
  1. package/dist/esm/Breadcrumb/Breadcrumb.js +88 -48
  2. package/dist/esm/Breadcrumb/Breadcrumb.js.map +1 -1
  3. package/dist/esm/Button/Button.js +1 -40
  4. package/dist/esm/Button/Button.js.map +1 -1
  5. package/dist/esm/Button/index.js +0 -1
  6. package/dist/esm/Button/index.js.map +1 -1
  7. package/dist/esm/List/ListRow.js +1 -1
  8. package/dist/esm/List/ListRow.js.map +1 -1
  9. package/dist/esm/Table/Table.js +1 -1
  10. package/dist/esm/Table/Table.js.map +1 -1
  11. package/dist/esm/icons/contenticons/ContentIcons.js +322 -454
  12. package/dist/esm/icons/contenticons/ContentIcons.js.map +1 -1
  13. package/dist/esm/icons/index.js +24 -55
  14. package/dist/esm/icons/index.js.map +1 -1
  15. package/dist/esm/icons/systemicons/SystemIcons.js +488 -652
  16. package/dist/esm/icons/systemicons/SystemIcons.js.map +1 -1
  17. package/dist/esm/types.js +1 -0
  18. package/dist/esm/types.js.map +1 -1
  19. package/dist/js/Breadcrumb/Breadcrumb.d.ts +5 -2
  20. package/dist/js/Breadcrumb/Breadcrumb.js +78 -35
  21. package/dist/js/Breadcrumb/Breadcrumb.js.map +1 -1
  22. package/dist/js/Button/Button.d.ts +1 -1
  23. package/dist/js/Button/Button.js +2 -22
  24. package/dist/js/Button/Button.js.map +1 -1
  25. package/dist/js/Button/index.d.ts +0 -1
  26. package/dist/js/Button/index.js +0 -8
  27. package/dist/js/Button/index.js.map +1 -1
  28. package/dist/js/List/ListRow.js +1 -1
  29. package/dist/js/List/ListRow.js.map +1 -1
  30. package/dist/js/Table/Table.js +1 -1
  31. package/dist/js/Table/Table.js.map +1 -1
  32. package/dist/js/icons/contenticons/ContentIcons.js +1380 -1512
  33. package/dist/js/icons/contenticons/ContentIcons.js.map +1 -1
  34. package/dist/js/icons/index.d.ts +0 -2
  35. package/dist/js/icons/index.js +25 -68
  36. package/dist/js/icons/index.js.map +1 -1
  37. package/dist/js/icons/systemicons/SystemIcons.js +488 -652
  38. package/dist/js/icons/systemicons/SystemIcons.js.map +1 -1
  39. package/dist/js/types.d.ts +1 -0
  40. package/dist/js/types.js +1 -0
  41. package/dist/js/types.js.map +1 -1
  42. package/dist/umd/Breadcrumb/Breadcrumb.js +90 -50
  43. package/dist/umd/Breadcrumb/Breadcrumb.js.map +1 -1
  44. package/dist/umd/Button/Button.js +1 -40
  45. package/dist/umd/Button/Button.js.map +1 -1
  46. package/dist/umd/Button/index.js +4 -10
  47. package/dist/umd/Button/index.js.map +1 -1
  48. package/dist/umd/List/ListRow.js +1 -1
  49. package/dist/umd/List/ListRow.js.map +1 -1
  50. package/dist/umd/Table/Table.js +1 -1
  51. package/dist/umd/Table/Table.js.map +1 -1
  52. package/dist/umd/icons/contenticons/ContentIcons.js +471 -604
  53. package/dist/umd/icons/contenticons/ContentIcons.js.map +1 -1
  54. package/dist/umd/icons/index.js +29 -62
  55. package/dist/umd/icons/index.js.map +1 -1
  56. package/dist/umd/icons/systemicons/SystemIcons.js +488 -652
  57. package/dist/umd/icons/systemicons/SystemIcons.js.map +1 -1
  58. package/dist/umd/types.js +1 -0
  59. package/dist/umd/types.js.map +1 -1
  60. package/package.json +1 -1
  61. package/dist/esm/Button/Anchor.js +0 -76
  62. package/dist/esm/Button/Anchor.js.map +0 -1
  63. package/dist/esm/Tooltips/TooltipStyles.js +0 -71
  64. package/dist/esm/Tooltips/TooltipStyles.js.map +0 -1
  65. package/dist/esm/Tooltips/TooltipTypes.js +0 -6
  66. package/dist/esm/Tooltips/TooltipTypes.js.map +0 -1
  67. package/dist/esm/Tooltips/TooltipWrapper.js +0 -26
  68. package/dist/esm/Tooltips/TooltipWrapper.js.map +0 -1
  69. package/dist/esm/Tooltips/index.js +0 -4
  70. package/dist/esm/Tooltips/index.js.map +0 -1
  71. package/dist/js/Button/Anchor.d.ts +0 -7
  72. package/dist/js/Button/Anchor.js +0 -66
  73. package/dist/js/Button/Anchor.js.map +0 -1
  74. package/dist/js/Tooltips/TooltipStyles.d.ts +0 -11
  75. package/dist/js/Tooltips/TooltipStyles.js +0 -83
  76. package/dist/js/Tooltips/TooltipStyles.js.map +0 -1
  77. package/dist/js/Tooltips/TooltipTypes.d.ts +0 -14
  78. package/dist/js/Tooltips/TooltipTypes.js +0 -11
  79. package/dist/js/Tooltips/TooltipTypes.js.map +0 -1
  80. package/dist/js/Tooltips/TooltipWrapper.d.ts +0 -3
  81. package/dist/js/Tooltips/TooltipWrapper.js +0 -46
  82. package/dist/js/Tooltips/TooltipWrapper.js.map +0 -1
  83. package/dist/js/Tooltips/index.d.ts +0 -3
  84. package/dist/js/Tooltips/index.js +0 -30
  85. package/dist/js/Tooltips/index.js.map +0 -1
  86. package/dist/umd/Button/Anchor.js +0 -201
  87. package/dist/umd/Button/Anchor.js.map +0 -1
  88. package/dist/umd/Tooltips/TooltipStyles.js +0 -96
  89. package/dist/umd/Tooltips/TooltipStyles.js.map +0 -1
  90. package/dist/umd/Tooltips/TooltipTypes.js +0 -25
  91. package/dist/umd/Tooltips/TooltipTypes.js.map +0 -1
  92. package/dist/umd/Tooltips/TooltipWrapper.js +0 -94
  93. package/dist/umd/Tooltips/TooltipWrapper.js.map +0 -1
  94. package/dist/umd/Tooltips/index.js +0 -33
  95. package/dist/umd/Tooltips/index.js.map +0 -1
package/dist/umd/types.js CHANGED
@@ -19,6 +19,7 @@
19
19
  let Size = exports.Size = undefined;
20
20
 
21
21
  (function (Size) {
22
+ Size["XSmall"] = "xsmall";
22
23
  Size["Small"] = "small";
23
24
  Size["Medium"] = "medium";
24
25
  Size["Large"] = "large";
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,MAAYA,IAAZ,WAAYA,IAAZ,YAAA;;aAAYA,I;AAAAA,IAAAA,I,SAAAA,G,OAAAA;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;KAAAA,I,aAAAA,I,GAAAA,I;;AA6BZ,MAAYC,UAAZ,WAAYA,UAAZ,YAAA;;aAAYA,U;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,U,CAAAA,U,OAAAA,G,EAAAA,G,KAAAA;KAAAA,U,aAAAA,U,GAAAA,U;;AASZ,MAAYC,eAAZ,WAAYA,eAAZ,YAAA;;aAAYA,e;AAAAA,IAAAA,e,CAAAA,e,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,e,CAAAA,e,aAAAA,G,EAAAA,G,WAAAA;KAAAA,e,aAAAA,e,GAAAA,e;;AAKZ,MAAYC,aAAZ,WAAYA,aAAZ,YAAA;;aAAYA,a;AAAAA,IAAAA,a,CAAAA,a,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,a,CAAAA,a,aAAAA,G,EAAAA,G,WAAAA;AAAAA,IAAAA,a,CAAAA,a,YAAAA,G,EAAAA,G,UAAAA;AAAAA,IAAAA,a,CAAAA,a,cAAAA,G,EAAAA,G,YAAAA;AAAAA,IAAAA,a,CAAAA,a,gBAAAA,G,EAAAA,G,cAAAA;AAAAA,IAAAA,a,CAAAA,a,eAAAA,G,EAAAA,G,aAAAA;KAAAA,a,aAAAA,a,GAAAA,a;;AASZ,MAAYC,mBAAZ,WAAYA,mBAAZ,YAAA;;aAAYA,mB;AAAAA,IAAAA,mB,CAAAA,mB,OAAAA,G,EAAAA,G,KAAAA;AAAAA,IAAAA,mB,CAAAA,mB,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,mB,CAAAA,mB,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,mB,CAAAA,mB,SAAAA,G,EAAAA,G,OAAAA;KAAAA,mB,aAAAA,mB,GAAAA,mB","sourcesContent":["export interface Product {\n id: string;\n name: string;\n type: string;\n image: string;\n}\n\nexport enum Size {\n Small = 'small',\n Medium = 'medium',\n Large = 'large'\n}\n\nexport interface NavOption {\n label: string;\n to: string;\n disabled?: boolean;\n exact?: boolean;\n onClick?: () => void;\n}\n\nexport interface NavButton {\n label: string;\n action: any;\n disabled?: boolean;\n}\n\nexport interface ActionOptions {\n search?: () => void;\n apps?: () => void;\n language?: () => void;\n notification?: () => void;\n settings?: () => void;\n user?: () => void;\n}\n\nexport enum ToastColor {\n BLACK,\n WHITE,\n BLUE,\n GREEN,\n ORANGE,\n RED,\n}\n\nexport enum ToastActionType{\n PRIMARY,\n SECONDARY\n}\n\nexport enum ToastPosition {\n TOPLEFT,\n TOPMIDDLE,\n TOPRIGHT,\n BOTTOMLEFT,\n BOTTOMMIDDLE,\n BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection{\n TOP,\n BOTTOM,\n LEFT,\n RIGHT\n}\n\nexport interface SwitcherNavItem {\n label: string;\n url: string;\n disabled?: boolean;\n Icon?: any;\n as?: any;\n testId?: string;\n}\n\nexport interface UserMenuItem {\n label: string;\n to: string;\n icon: any;\n isExternal?: boolean;\n onClick?: () => void;\n}\n\nexport interface ListRowDropdownOption {\n key?: string;\n label: string;\n action: any;\n}\n\nexport interface NavLink {\n label: string;\n to: string;\n target?: string;\n}\n\nexport interface NavSection {\n header: string;\n links: NavLink[];\n}\n\nexport interface NavOptions {\n sections: NavSection[];\n}\n"],"file":"types.js"}
1
+ {"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,MAAYA,IAAZ,WAAYA,IAAZ,YAAA;;aAAYA,I;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;KAAAA,I,aAAAA,I,GAAAA,I;;AA8BZ,MAAYC,UAAZ,WAAYA,UAAZ,YAAA;;aAAYA,U;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,U,CAAAA,U,OAAAA,G,EAAAA,G,KAAAA;KAAAA,U,aAAAA,U,GAAAA,U;;AASZ,MAAYC,eAAZ,WAAYA,eAAZ,YAAA;;aAAYA,e;AAAAA,IAAAA,e,CAAAA,e,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,e,CAAAA,e,aAAAA,G,EAAAA,G,WAAAA;KAAAA,e,aAAAA,e,GAAAA,e;;AAKZ,MAAYC,aAAZ,WAAYA,aAAZ,YAAA;;aAAYA,a;AAAAA,IAAAA,a,CAAAA,a,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,a,CAAAA,a,aAAAA,G,EAAAA,G,WAAAA;AAAAA,IAAAA,a,CAAAA,a,YAAAA,G,EAAAA,G,UAAAA;AAAAA,IAAAA,a,CAAAA,a,cAAAA,G,EAAAA,G,YAAAA;AAAAA,IAAAA,a,CAAAA,a,gBAAAA,G,EAAAA,G,cAAAA;AAAAA,IAAAA,a,CAAAA,a,eAAAA,G,EAAAA,G,aAAAA;KAAAA,a,aAAAA,a,GAAAA,a;;AASZ,MAAYC,mBAAZ,WAAYA,mBAAZ,YAAA;;aAAYA,mB;AAAAA,IAAAA,mB,CAAAA,mB,OAAAA,G,EAAAA,G,KAAAA;AAAAA,IAAAA,mB,CAAAA,mB,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,mB,CAAAA,mB,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,mB,CAAAA,mB,SAAAA,G,EAAAA,G,OAAAA;KAAAA,mB,aAAAA,mB,GAAAA,mB","sourcesContent":["export interface Product {\n id: string;\n name: string;\n type: string;\n image: string;\n}\n\nexport enum Size {\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large'\n}\n\nexport interface NavOption {\n label: string;\n to: string;\n disabled?: boolean;\n exact?: boolean;\n onClick?: () => void;\n}\n\nexport interface NavButton {\n label: string;\n action: any;\n disabled?: boolean;\n}\n\nexport interface ActionOptions {\n search?: () => void;\n apps?: () => void;\n language?: () => void;\n notification?: () => void;\n settings?: () => void;\n user?: () => void;\n}\n\nexport enum ToastColor {\n BLACK,\n WHITE,\n BLUE,\n GREEN,\n ORANGE,\n RED,\n}\n\nexport enum ToastActionType{\n PRIMARY,\n SECONDARY\n}\n\nexport enum ToastPosition {\n TOPLEFT,\n TOPMIDDLE,\n TOPRIGHT,\n BOTTOMLEFT,\n BOTTOMMIDDLE,\n BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection{\n TOP,\n BOTTOM,\n LEFT,\n RIGHT\n}\n\nexport interface SwitcherNavItem {\n label: string;\n url: string;\n disabled?: boolean;\n Icon?: any;\n as?: any;\n testId?: string;\n}\n\nexport interface UserMenuItem {\n label: string;\n to: string;\n icon: any;\n isExternal?: boolean;\n onClick?: () => void;\n}\n\nexport interface ListRowDropdownOption {\n key?: string;\n label: string;\n action: any;\n}\n\nexport interface NavLink {\n label: string;\n to: string;\n target?: string;\n}\n\nexport interface NavSection {\n header: string;\n links: NavLink[];\n}\n\nexport interface NavOptions {\n sections: NavSection[];\n}\n"],"file":"types.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@laerdal/life-react-components",
3
- "version": "1.1.2-dev.14",
3
+ "version": "1.1.2-dev.15",
4
4
  "private": false,
5
5
  "author": "Thomas Kalve <thomas.kalve@laerdal.com>",
6
6
  "contributors": [
@@ -1,76 +0,0 @@
1
- import _pt from "prop-types";
2
- const _excluded = ["children", "size", "href", "target"];
3
-
4
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
5
-
6
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
7
-
8
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
9
-
10
- import * as React from 'react';
11
- import styled from 'styled-components';
12
- import { COLORS } from '../styles';
13
-
14
- const Anchor = _ref => {
15
- let {
16
- children,
17
- size = 'small',
18
- href = '#',
19
- target = '_blank'
20
- } = _ref,
21
- props = _objectWithoutProperties(_ref, _excluded);
22
-
23
- return /*#__PURE__*/React.createElement(AnchorTag, _extends({
24
- size: size,
25
- href: href,
26
- target: target
27
- }, props), children);
28
- };
29
-
30
- Anchor.propTypes = {
31
- size: _pt.oneOf(['small', 'medium', 'large', 'xsmall', 'xlarge']).isRequired,
32
- href: _pt.string
33
- };
34
- const AnchorTag = styled.a`
35
- color: ${COLORS.primary_500};
36
- background-color: transparent;
37
- padding: 0;
38
- border: none;
39
- max-width:max-content;
40
- text-decoration: none;
41
- font-size: ${props => props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px'};
42
- line-height: ${props => props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px'};
43
- font-weight: bold;
44
- font-family: inherit;
45
- cursor: pointer;
46
- outline:none;
47
- &:visited,
48
- &.vistied-state {
49
- color: ${COLORS.accent1_500};
50
- background: transparent;
51
- text-decoration: none;
52
- }
53
- &:hover,
54
- &.hover-state {
55
- color: ${COLORS.primary_600};
56
- text-decoration: underline;
57
- }
58
- &:focus,
59
- &.focus-state {
60
- background-color: ${COLORS.white};
61
- text-decoration: underline;
62
- box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
63
- outline:none;
64
- color: ${COLORS.primary_500};
65
- }
66
- &:active,
67
- &.active-state {
68
- color: ${COLORS.primary_700};
69
- background: transparent;
70
- text-decoration: underline;
71
- background-color:unset !important;
72
- box-shadow: unset !important;
73
- }
74
- `;
75
- export default Anchor;
76
- //# sourceMappingURL=Anchor.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Button/Anchor.tsx"],"names":["React","styled","COLORS","Anchor","children","size","href","target","props","AnchorTag","a","primary_500","accent1_500","primary_600","white","focus_25","focus","primary_700"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,QAAqB,WAArB;;AAOA,MAAMC,MAA4C,GAAG,QAAuE;AAAA,MAAtE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAI,GAAG,OAAnB;AAA4BC,IAAAA,IAAI,GAAC,GAAjC;AAAsCC,IAAAA,MAAM,GAAC;AAA7C,GAAsE;AAAA,MAAXC,KAAW;;AAC1H,sBACI,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,IAAI,EAAEC,IAA7B;AAAmC,IAAA,MAAM,EAAEC;AAA3C,KAAuDC,KAAvD,GACKJ,QADL,CADJ;AAKD,CAND;;;AAJIC,EAAAA,I,aAAO,O,EAAU,Q,EAAW,O,EAAU,Q,EAAW,Q;AACjDC,EAAAA,I;;AAWJ,MAAMG,SAAS,GAAGR,MAAM,CAACS,CAAe;AACxC,WAAWR,MAAM,CAACS,WAAY;AAC9B;AACA;AACA;AACA;AACA;AACA,eAAeH,KAAK,IAAKA,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmC,MAAQ;AAC3K,iBAAiBG,KAAK,IAAKA,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmC,MAAQ;AAC7K;AACA;AACA;AACA;AACA;AACA;AACA,aAAcH,MAAM,CAACU,WAAa;AAClC;AACA;AACA;AACA;AACA;AACA,aAAaV,MAAM,CAACW,WAAY;AAChC;AACA;AACA;AACA;AACA,wBAAwBX,MAAM,CAACY,KAAM;AACrC;AACA,+BAA+BZ,MAAM,CAACa,QAAS,iBAAgBb,MAAM,CAACc,KAAM;AAC5E;AACA,aAAad,MAAM,CAACS,WAAY;AAChC;AACA;AACA;AACA,aAAcT,MAAM,CAACe,WAAa;AAClC;AACA;AACA;AACA;AACA;AACA,CAxCA;AA0CA,eAAed,MAAf","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS} from '../styles';\n\ninterface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>{\n size : 'small' | 'medium' | 'large' | 'xsmall' | 'xlarge';\n href?: string;\n}\n\nconst Anchor: React.FunctionComponent<AnchorProps> = ({ children, size = 'small', href='#', target='_blank' , ...props}) => {\n return (\n <AnchorTag size={size} href={href} target={target} {...props}>\n {children}\n </AnchorTag>\n )\n}\n\nconst AnchorTag = styled.a<AnchorProps>`\n color: ${COLORS.primary_500};\n background-color: transparent;\n padding: 0;\n border: none;\n max-width:max-content; \n text-decoration: none;\n font-size: ${props => (props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px')};\n line-height: ${props => (props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px')};\n font-weight: bold;\n font-family: inherit;\n cursor: pointer;\n outline:none;\n &:visited,\n &.vistied-state {\n color: ${ COLORS.accent1_500 };\n background: transparent;\n text-decoration: none;\n }\n &:hover, \n &.hover-state {\n color: ${COLORS.primary_600};\n text-decoration: underline;\n }\n &:focus,\n &.focus-state {\n background-color: ${COLORS.white};\n text-decoration: underline;\n box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n outline:none;\n color: ${COLORS.primary_500};\n }\n &:active,\n &.active-state {\n color: ${ COLORS.primary_700 };\n background: transparent;\n text-decoration: underline;\n background-color:unset !important;\n box-shadow: unset !important;\n } \n`;\n\nexport default Anchor;"],"file":"Anchor.js"}
@@ -1,71 +0,0 @@
1
- import styled, { css } from 'styled-components';
2
- import { Size } from '../types';
3
- import { BOXSHADOWS, COLORS, ComponentTextStyle } from '../styles';
4
- import { ComponentMStyling, ComponentSStyling } from '../styles/typography';
5
- export const Tooltip = styled.div`
6
-
7
- pointer-events: none;
8
- ${props => props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : ''}
9
- ${props => props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : ''}
10
- ${props => props.align == 'center' ? 'text-align: center;' : ''}
11
- box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};
12
- padding: 4px 8px;
13
- border-radius: 2px;
14
- width: ${props => props.width == 'auto' ? 'max-content' : props.width};
15
- height: ${props => props.height};
16
- ${props => props.width == 'auto' ? 'max-width: 164px;' : ''};
17
- background: ${COLORS.primary_800};
18
- position: absolute;
19
- opacity: 0;
20
- z-index: 1;
21
- ${props => props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : ''}
22
-
23
- ${props => props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : ''}
24
- ${props => props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : ''}
25
-
26
- ${props => props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 0%;' : props.align == 'end' ? 'right: 0%;' : 'left: 50%; transform: translateX(-50%);'}
27
-
28
-
29
- &::after {
30
- ${props => !props.withArrow ? 'display: none;' : ''}
31
- content: "";
32
- position: absolute;
33
- ${props => props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : ''}
34
-
35
- ${props => props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : ''}
36
- ${props => props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : ''}
37
-
38
- ${props => props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 12px;' : props.align == 'end' ? 'left: calc(100% - 12px);' : 'left: 50%;'}
39
-
40
- ${props => props.position == 'left' ? '' : 'margin-left: -5px;'}
41
- margin: -0.5px;
42
- border-width: 4px;
43
- border-style: solid;
44
- border-color: ${props => props.position == 'top' ? COLORS.primary_800 : 'transparent'}
45
- ${props => props.position == 'right' ? COLORS.primary_800 : 'transparent'}
46
- ${props => props.position == 'bottom' ? COLORS.primary_800 : 'transparent'}
47
- ${props => props.position == 'left' ? COLORS.primary_800 : 'transparent'};
48
- }
49
- `;
50
- Tooltip.defaultProps = {
51
- withArrow: false,
52
- width: 'auto',
53
- size: Size.Small,
54
- height: 'auto',
55
- align: 'center',
56
- position: 'bottom'
57
- };
58
- export const TooltipTrigger = css`
59
- &:hover ${Tooltip} {
60
- opacity: 1;
61
- transition: 0.5s;
62
- transition-delay: 0.1s;
63
- }
64
- `;
65
- export const TooltipContainer = styled.div`
66
- display: inline-block;
67
- position: relative;
68
-
69
- ${TooltipTrigger}
70
- `;
71
- //# sourceMappingURL=TooltipStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Tooltips/TooltipStyles.tsx"],"names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","ComponentMStyling","ComponentSStyling","Tooltip","div","props","size","Small","Medium","Regular","white","align","BOXSHADOW_L2","width","height","primary_800","position","withArrow","defaultProps","TooltipTrigger","TooltipContainer"],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle } from '../styles';\nimport { ComponentMStyling, ComponentSStyling } from '../styles/typography';\n\n\nexport const Tooltip = styled.div<{\n withArrow?: boolean;\n width?: string;\n size?: Size;\n height?: string;\n align?: 'start' | 'end' | 'center' | undefined;\n position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n pointer-events: none;\n ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n padding: 4px 8px;\n border-radius: 2px;\n width: ${props => (props.width == 'auto' ? 'max-content' : props.width)};\n height: ${props => props.height};\n ${props => (props.width == 'auto' ? 'max-width: 164px;' : '')};\n background: ${COLORS.primary_800};\n position: absolute; \n opacity: 0; \n z-index: 1;\n ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n \n ${props =>\n props.position == 'left' || props.position == 'right'\n ? ''\n : props.align == 'start'\n ? 'left: 0%;'\n : props.align == 'end'\n ? 'right: 0%;'\n : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n ${props => (!props.withArrow ? 'display: none;' : '')}\n content: \"\";\n position: absolute;\n ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n \n ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n ${props =>\n props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 12px;' : props.align == 'end' ? 'left: calc(100% - 12px);' : 'left: 50%;'}\n\n ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n margin: -0.5px;\n border-width: 4px;\n border-style: solid;\n border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n }\n`;\n\nTooltip.defaultProps = {\n withArrow: false,\n width: 'auto',\n size: Size.Small,\n height: 'auto',\n align: 'center',\n position: 'bottom'\n}\n\nexport const TooltipTrigger = css`\n &:hover ${Tooltip} {\n opacity: 1;\n transition: 0.5s;\n transition-delay: 0.1s;\n }\n`;\n\nexport const TooltipContainer = styled.div`\n display: inline-block;\n position: relative;\n\n ${TooltipTrigger}\n`;\n"],"file":"TooltipStyles.js"}
@@ -1,6 +0,0 @@
1
- /**
2
- * Types for the table.
3
- */
4
- ;
5
- export {};
6
- //# sourceMappingURL=TooltipTypes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Tooltips/TooltipTypes.tsx"],"names":[],"mappings":"AAEA;AACA;AACA;AAUG","sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps {\n label?: string;\n withArrow?: boolean;\n width?: string;\n size?: Size;\n height?: string;\n align? : 'start' | 'end' | 'center' | undefined;\n position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n children?: React.ReactNode;\n };\n "],"file":"TooltipTypes.js"}
@@ -1,26 +0,0 @@
1
- import * as React from 'react';
2
- import { TooltipContainer, Tooltip } from './TooltipStyles';
3
- import { Size } from '..';
4
-
5
- const TooltipWrapper = ({
6
- label,
7
- children,
8
- withArrow,
9
- size = Size.Small,
10
- height = 'auto',
11
- width = 'auto',
12
- align = 'center',
13
- position = 'bottom'
14
- }) => {
15
- return /*#__PURE__*/React.createElement(TooltipContainer, null, /*#__PURE__*/React.createElement(Tooltip, {
16
- align: align,
17
- height: height,
18
- size: size,
19
- width: width,
20
- withArrow: withArrow,
21
- position: position
22
- }, label), children);
23
- };
24
-
25
- export default TooltipWrapper;
26
- //# sourceMappingURL=TooltipWrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Tooltips/TooltipWrapper.tsx"],"names":["React","TooltipContainer","Tooltip","Size","TooltipWrapper","label","children","withArrow","size","Small","height","width","align","position"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAIA,SAASC,gBAAT,EAA2BC,OAA3B,QAA0C,iBAA1C;AACA,SAASC,IAAT,QAAqB,IAArB;;AAEC,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,KADsB;AACfC,EAAAA,QADe;AAEtBC,EAAAA,SAFsB;AAGtBC,EAAAA,IAAI,GAAGL,IAAI,CAACM,KAHU;AAItBC,EAAAA,MAAM,GAAG,MAJa;AAKtBC,EAAAA,KAAK,GAAG,MALc;AAMtBC,EAAAA,KAAK,GAAG,QANc;AAOtBC,EAAAA,QAAQ,GAAG;AAPW,CAAD,KAOoB;AAExC,sBAAO,oBAAC,gBAAD,qBACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAED,KAAhB;AACG,IAAA,MAAM,EAAEF,MADX;AAEG,IAAA,IAAI,EAAEF,IAFT;AAGG,IAAA,KAAK,EAAEG,KAHV;AAIG,IAAA,SAAS,EAAEJ,SAJd;AAKG,IAAA,QAAQ,EAAEM;AALb,KAMIR,KANJ,CADD,EASDC,QATC,CAAP;AAWF,CApBD;;AAsBA,eAAeF,cAAf","sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \n const TooltipWrapper = ({\n label, children,\n withArrow,\n size = Size.Small,\n height = 'auto',\n width = 'auto',\n align = 'center', \n position = 'bottom' } : TooltipProps) => {\n \n return <TooltipContainer>\n <Tooltip align={align} \n height={height} \n size={size}\n width={width} \n withArrow={withArrow} \n position={position}>\n {label}\n </Tooltip>\n {children}\n </TooltipContainer>;\n };\n \n export default TooltipWrapper;"],"file":"TooltipWrapper.js"}
@@ -1,4 +0,0 @@
1
- import TooltipWrapper from './TooltipWrapper';
2
- import { TooltipTrigger, TooltipContainer } from './TooltipStyles';
3
- export { TooltipWrapper, TooltipTrigger, TooltipContainer };
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Tooltips/index.ts"],"names":["TooltipWrapper","TooltipTrigger","TooltipContainer"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AACA,SAAQC,cAAR,EAAwBC,gBAAxB,QAA+C,iBAA/C;AAEA,SAASF,cAAT,EAAyBC,cAAzB,EAAyCC,gBAAzC","sourcesContent":["import TooltipWrapper from './TooltipWrapper';\nimport {TooltipTrigger, TooltipContainer} from './TooltipStyles';\n\nexport { TooltipWrapper, TooltipTrigger, TooltipContainer };\n"],"file":"index.js"}
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- interface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- size: 'small' | 'medium' | 'large' | 'xsmall' | 'xlarge';
4
- href?: string;
5
- }
6
- declare const Anchor: React.FunctionComponent<AnchorProps>;
7
- export default Anchor;
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var React = _interopRequireWildcard(require("react"));
13
-
14
- var _styledComponents = _interopRequireDefault(require("styled-components"));
15
-
16
- var _styles = require("../styles");
17
-
18
- var _templateObject;
19
-
20
- var _excluded = ["children", "size", "href", "target"];
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
-
28
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
29
-
30
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
31
-
32
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
33
-
34
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
35
-
36
- var Anchor = function Anchor(_ref) {
37
- var children = _ref.children,
38
- _ref$size = _ref.size,
39
- size = _ref$size === void 0 ? 'small' : _ref$size,
40
- _ref$href = _ref.href,
41
- href = _ref$href === void 0 ? '#' : _ref$href,
42
- _ref$target = _ref.target,
43
- target = _ref$target === void 0 ? '_blank' : _ref$target,
44
- props = _objectWithoutProperties(_ref, _excluded);
45
-
46
- return /*#__PURE__*/React.createElement(AnchorTag, _extends({
47
- size: size,
48
- href: href,
49
- target: target
50
- }, props), children);
51
- };
52
-
53
- Anchor.propTypes = {
54
- size: _propTypes.default.oneOf(['small', 'medium', 'large', 'xsmall', 'xlarge']).isRequired,
55
- href: _propTypes.default.string
56
- };
57
-
58
- var AnchorTag = _styledComponents.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n background-color: transparent;\n padding: 0;\n border: none;\n max-width:max-content; \n text-decoration: none;\n font-size: ", ";\n line-height: ", ";\n font-weight: bold;\n font-family: inherit;\n cursor: pointer;\n outline:none;\n &:visited,\n &.vistied-state {\n color: ", ";\n background: transparent;\n text-decoration: none;\n }\n &:hover, \n &.hover-state {\n color: ", ";\n text-decoration: underline;\n }\n &:focus,\n &.focus-state {\n background-color: ", ";\n text-decoration: underline;\n box-shadow: 0px 4px 12px ", ", 0px 0px 8px ", " !important;\n outline:none;\n color: ", ";\n }\n &:active,\n &.active-state {\n color: ", ";\n background: transparent;\n text-decoration: underline;\n background-color:unset !important;\n box-shadow: unset !important;\n } \n"])), _styles.COLORS.primary_500, function (props) {
59
- return props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px';
60
- }, function (props) {
61
- return props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px';
62
- }, _styles.COLORS.accent1_500, _styles.COLORS.primary_600, _styles.COLORS.white, _styles.COLORS.focus_25, _styles.COLORS.focus, _styles.COLORS.primary_500, _styles.COLORS.primary_700);
63
-
64
- var _default = Anchor;
65
- exports.default = _default;
66
- //# sourceMappingURL=Anchor.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Button/Anchor.tsx"],"names":["Anchor","children","size","href","target","props","AnchorTag","styled","a","COLORS","primary_500","accent1_500","primary_600","white","focus_25","focus","primary_700"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,MAA4C,GAAG,SAA/CA,MAA+C,OAAuE;AAAA,MAApEC,QAAoE,QAApEA,QAAoE;AAAA,uBAA1DC,IAA0D;AAAA,MAA1DA,IAA0D,0BAAnD,OAAmD;AAAA,uBAA1CC,IAA0C;AAAA,MAA1CA,IAA0C,0BAArC,GAAqC;AAAA,yBAAhCC,MAAgC;AAAA,MAAhCA,MAAgC,4BAAzB,QAAyB;AAAA,MAAXC,KAAW;;AAC1H,sBACI,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEH,IAAjB;AAAuB,IAAA,IAAI,EAAEC,IAA7B;AAAmC,IAAA,MAAM,EAAEC;AAA3C,KAAuDC,KAAvD,GACKJ,QADL,CADJ;AAKD,CAND;;;AAJIC,EAAAA,I,4BAAO,O,EAAU,Q,EAAW,O,EAAU,Q,EAAW,Q;AACjDC,EAAAA,I;;;AAWJ,IAAMG,SAAS,GAAGC,0BAAOC,CAAV,o6BACJC,eAAOC,WADH,EAOA,UAAAL,KAAK;AAAA,SAAKA,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmC,MAA/I;AAAA,CAPL,EAQE,UAAAG,KAAK;AAAA,SAAKA,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,OAAf,GAAyB,MAAzB,GAAkCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmCG,KAAK,CAACH,IAAN,KAAe,QAAf,GAA0B,MAA1B,GAAmC,MAA/I;AAAA,CARP,EAeDO,eAAOE,WAfN,EAqBFF,eAAOG,WArBL,EA0BSH,eAAOI,KA1BhB,EA4BgBJ,eAAOK,QA5BvB,EA4BgDL,eAAOM,KA5BvD,EA8BFN,eAAOC,WA9BL,EAkCDD,eAAOO,WAlCN,CAAf;;eA0CehB,M","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS} from '../styles';\n\ninterface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>{\n size : 'small' | 'medium' | 'large' | 'xsmall' | 'xlarge';\n href?: string;\n}\n\nconst Anchor: React.FunctionComponent<AnchorProps> = ({ children, size = 'small', href='#', target='_blank' , ...props}) => {\n return (\n <AnchorTag size={size} href={href} target={target} {...props}>\n {children}\n </AnchorTag>\n )\n}\n\nconst AnchorTag = styled.a<AnchorProps>`\n color: ${COLORS.primary_500};\n background-color: transparent;\n padding: 0;\n border: none;\n max-width:max-content; \n text-decoration: none;\n font-size: ${props => (props.size === 'large' ? '20px' : props.size === 'small' ? '16px' : props.size === 'xsmall' ? '14px' : props.size === 'xlarge' ? '24px' : '18px')};\n line-height: ${props => (props.size === 'large' ? '32px' : props.size === 'small' ? '24px' : props.size === 'xsmall' ? '20px' : props.size === 'xlarge' ? '36px' : '28px')};\n font-weight: bold;\n font-family: inherit;\n cursor: pointer;\n outline:none;\n &:visited,\n &.vistied-state {\n color: ${ COLORS.accent1_500 };\n background: transparent;\n text-decoration: none;\n }\n &:hover, \n &.hover-state {\n color: ${COLORS.primary_600};\n text-decoration: underline;\n }\n &:focus,\n &.focus-state {\n background-color: ${COLORS.white};\n text-decoration: underline;\n box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\n outline:none;\n color: ${COLORS.primary_500};\n }\n &:active,\n &.active-state {\n color: ${ COLORS.primary_700 };\n background: transparent;\n text-decoration: underline;\n background-color:unset !important;\n box-shadow: unset !important;\n } \n`;\n\nexport default Anchor;"],"file":"Anchor.js"}
@@ -1,11 +0,0 @@
1
- import { Size } from '../types';
2
- export declare const Tooltip: import("styled-components").StyledComponent<"div", any, {
3
- withArrow?: boolean;
4
- width?: string;
5
- size?: Size;
6
- height?: string;
7
- align?: 'start' | 'end' | 'center' | undefined;
8
- position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
9
- }, never>;
10
- export declare const TooltipTrigger: import("styled-components").FlattenSimpleInterpolation;
11
- export declare const TooltipContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,83 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.TooltipContainer = exports.TooltipTrigger = exports.Tooltip = void 0;
9
-
10
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
11
-
12
- var _types = require("../types");
13
-
14
- var _styles = require("../styles");
15
-
16
- var _typography = require("../styles/typography");
17
-
18
- var _templateObject, _templateObject2, _templateObject3;
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
25
-
26
- var Tooltip = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n pointer-events: none;\n ", "\n ", "\n ", "\n box-shadow: ", ";\n padding: 4px 8px;\n border-radius: 2px;\n width: ", ";\n height: ", ";\n ", ";\n background: ", ";\n position: absolute; \n opacity: 0; \n z-index: 1;\n ", "\n\n ", "\n ", "\n \n ", "\n\n\n&::after {\n ", "\n content: \"\";\n position: absolute;\n ", "\n \n ", "\n ", "\n\n ", "\n\n ", "\n margin: -0.5px;\n border-width: 4px;\n border-style: solid;\n border-color: ", " \n ", " \n ", " \n ", ";\n }\n"])), function (props) {
27
- return props.size == _types.Size.Small || props.size != _types.Size.Medium ? (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white) : '';
28
- }, function (props) {
29
- return props.size == _types.Size.Medium ? (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white) : '';
30
- }, function (props) {
31
- return props.align == 'center' ? 'text-align: center;' : '';
32
- }, _styles.BOXSHADOWS.BOXSHADOW_L2, function (props) {
33
- return props.width == 'auto' ? 'max-content' : props.width;
34
- }, function (props) {
35
- return props.height;
36
- }, function (props) {
37
- return props.width == 'auto' ? 'max-width: 164px;' : '';
38
- }, _styles.COLORS.primary_800, function (props) {
39
- return props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '';
40
- }, function (props) {
41
- return props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '';
42
- }, function (props) {
43
- return props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '';
44
- }, function (props) {
45
- return props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 0%;' : props.align == 'end' ? 'right: 0%;' : 'left: 50%; transform: translateX(-50%);';
46
- }, function (props) {
47
- return !props.withArrow ? 'display: none;' : '';
48
- }, function (props) {
49
- return props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '';
50
- }, function (props) {
51
- return props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '';
52
- }, function (props) {
53
- return props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '';
54
- }, function (props) {
55
- return props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 12px;' : props.align == 'end' ? 'left: calc(100% - 12px);' : 'left: 50%;';
56
- }, function (props) {
57
- return props.position == 'left' ? '' : 'margin-left: -5px;';
58
- }, function (props) {
59
- return props.position == 'top' ? _styles.COLORS.primary_800 : 'transparent';
60
- }, function (props) {
61
- return props.position == 'right' ? _styles.COLORS.primary_800 : 'transparent';
62
- }, function (props) {
63
- return props.position == 'bottom' ? _styles.COLORS.primary_800 : 'transparent';
64
- }, function (props) {
65
- return props.position == 'left' ? _styles.COLORS.primary_800 : 'transparent';
66
- });
67
-
68
- exports.Tooltip = Tooltip;
69
- Tooltip.defaultProps = {
70
- withArrow: false,
71
- width: 'auto',
72
- size: _types.Size.Small,
73
- height: 'auto',
74
- align: 'center',
75
- position: 'bottom'
76
- };
77
- var TooltipTrigger = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &:hover ", " {\n opacity: 1;\n transition: 0.5s;\n transition-delay: 0.1s;\n }\n"])), Tooltip);
78
- exports.TooltipTrigger = TooltipTrigger;
79
-
80
- var TooltipContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n\n ", "\n"])), TooltipTrigger);
81
-
82
- exports.TooltipContainer = TooltipContainer;
83
- //# sourceMappingURL=TooltipStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Tooltips/TooltipStyles.tsx"],"names":["Tooltip","styled","div","props","size","Size","Small","Medium","ComponentTextStyle","Regular","COLORS","white","align","BOXSHADOWS","BOXSHADOW_L2","width","height","primary_800","position","withArrow","defaultProps","TooltipTrigger","css","TooltipContainer"],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle } from '../styles';\nimport { ComponentMStyling, ComponentSStyling } from '../styles/typography';\n\n\nexport const Tooltip = styled.div<{\n withArrow?: boolean;\n width?: string;\n size?: Size;\n height?: string;\n align?: 'start' | 'end' | 'center' | undefined;\n position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n pointer-events: none;\n ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n padding: 4px 8px;\n border-radius: 2px;\n width: ${props => (props.width == 'auto' ? 'max-content' : props.width)};\n height: ${props => props.height};\n ${props => (props.width == 'auto' ? 'max-width: 164px;' : '')};\n background: ${COLORS.primary_800};\n position: absolute; \n opacity: 0; \n z-index: 1;\n ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n \n ${props =>\n props.position == 'left' || props.position == 'right'\n ? ''\n : props.align == 'start'\n ? 'left: 0%;'\n : props.align == 'end'\n ? 'right: 0%;'\n : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n ${props => (!props.withArrow ? 'display: none;' : '')}\n content: \"\";\n position: absolute;\n ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n \n ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n ${props =>\n props.position == 'left' || props.position == 'right' ? '' : props.align == 'start' ? 'left: 12px;' : props.align == 'end' ? 'left: calc(100% - 12px);' : 'left: 50%;'}\n\n ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n margin: -0.5px;\n border-width: 4px;\n border-style: solid;\n border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n }\n`;\n\nTooltip.defaultProps = {\n withArrow: false,\n width: 'auto',\n size: Size.Small,\n height: 'auto',\n align: 'center',\n position: 'bottom'\n}\n\nexport const TooltipTrigger = css`\n &:hover ${Tooltip} {\n opacity: 1;\n transition: 0.5s;\n transition-delay: 0.1s;\n }\n`;\n\nexport const TooltipContainer = styled.div`\n display: inline-block;\n position: relative;\n\n ${TooltipTrigger}\n`;\n"],"file":"TooltipStyles.js"}
@@ -1,14 +0,0 @@
1
- import { Size } from "../types";
2
- /**
3
- * Types for the table.
4
- */
5
- export interface TooltipProps {
6
- label?: string;
7
- withArrow?: boolean;
8
- width?: string;
9
- size?: Size;
10
- height?: string;
11
- align?: 'start' | 'end' | 'center' | undefined;
12
- position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
13
- children?: React.ReactNode;
14
- }
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- /**
8
- * Types for the table.
9
- */
10
- ;
11
- //# sourceMappingURL=TooltipTypes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Tooltips/TooltipTypes.tsx"],"names":[],"mappings":";;;;;;AAEA;AACA;AACA;AAUG","sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps {\n label?: string;\n withArrow?: boolean;\n width?: string;\n size?: Size;\n height?: string;\n align? : 'start' | 'end' | 'center' | undefined;\n position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n children?: React.ReactNode;\n };\n "],"file":"TooltipTypes.js"}
@@ -1,3 +0,0 @@
1
- import { TooltipProps } from './TooltipTypes';
2
- declare const TooltipWrapper: ({ label, children, withArrow, size, height, width, align, position }: TooltipProps) => JSX.Element;
3
- export default TooltipWrapper;
@@ -1,46 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var React = _interopRequireWildcard(require("react"));
11
-
12
- var _TooltipStyles = require("./TooltipStyles");
13
-
14
- var _ = require("..");
15
-
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
-
20
- var TooltipWrapper = function TooltipWrapper(_ref) {
21
- var label = _ref.label,
22
- children = _ref.children,
23
- withArrow = _ref.withArrow,
24
- _ref$size = _ref.size,
25
- size = _ref$size === void 0 ? _.Size.Small : _ref$size,
26
- _ref$height = _ref.height,
27
- height = _ref$height === void 0 ? 'auto' : _ref$height,
28
- _ref$width = _ref.width,
29
- width = _ref$width === void 0 ? 'auto' : _ref$width,
30
- _ref$align = _ref.align,
31
- align = _ref$align === void 0 ? 'center' : _ref$align,
32
- _ref$position = _ref.position,
33
- position = _ref$position === void 0 ? 'bottom' : _ref$position;
34
- return /*#__PURE__*/React.createElement(_TooltipStyles.TooltipContainer, null, /*#__PURE__*/React.createElement(_TooltipStyles.Tooltip, {
35
- align: align,
36
- height: height,
37
- size: size,
38
- width: width,
39
- withArrow: withArrow,
40
- position: position
41
- }, label), children);
42
- };
43
-
44
- var _default = TooltipWrapper;
45
- exports.default = _default;
46
- //# sourceMappingURL=TooltipWrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Tooltips/TooltipWrapper.tsx"],"names":["TooltipWrapper","label","children","withArrow","size","Size","Small","height","width","align","position"],"mappings":";;;;;;;;;AACA;;AAIA;;AACA;;;;;;AAEC,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAOoB;AAAA,MANzCC,KAMyC,QANzCA,KAMyC;AAAA,MANlCC,QAMkC,QANlCA,QAMkC;AAAA,MALzCC,SAKyC,QALzCA,SAKyC;AAAA,uBAJzCC,IAIyC;AAAA,MAJzCA,IAIyC,0BAJlCC,OAAKC,KAI6B;AAAA,yBAHzCC,MAGyC;AAAA,MAHzCA,MAGyC,4BAHhC,MAGgC;AAAA,wBAFzCC,KAEyC;AAAA,MAFzCA,KAEyC,2BAFjC,MAEiC;AAAA,wBADzCC,KACyC;AAAA,MADzCA,KACyC,2BADjC,QACiC;AAAA,2BAAzCC,QAAyC;AAAA,MAAzCA,QAAyC,8BAA9B,QAA8B;AAExC,sBAAO,oBAAC,+BAAD,qBACC,oBAAC,sBAAD;AAAS,IAAA,KAAK,EAAED,KAAhB;AACG,IAAA,MAAM,EAAEF,MADX;AAEG,IAAA,IAAI,EAAEH,IAFT;AAGG,IAAA,KAAK,EAAEI,KAHV;AAIG,IAAA,SAAS,EAAEL,SAJd;AAKG,IAAA,QAAQ,EAAEO;AALb,KAMIT,KANJ,CADD,EASDC,QATC,CAAP;AAWF,CApBD;;eAsBeF,c","sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \n const TooltipWrapper = ({\n label, children,\n withArrow,\n size = Size.Small,\n height = 'auto',\n width = 'auto',\n align = 'center', \n position = 'bottom' } : TooltipProps) => {\n \n return <TooltipContainer>\n <Tooltip align={align} \n height={height} \n size={size}\n width={width} \n withArrow={withArrow} \n position={position}>\n {label}\n </Tooltip>\n {children}\n </TooltipContainer>;\n };\n \n export default TooltipWrapper;"],"file":"TooltipWrapper.js"}
@@ -1,3 +0,0 @@
1
- import TooltipWrapper from './TooltipWrapper';
2
- import { TooltipTrigger, TooltipContainer } from './TooltipStyles';
3
- export { TooltipWrapper, TooltipTrigger, TooltipContainer };
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "TooltipWrapper", {
7
- enumerable: true,
8
- get: function get() {
9
- return _TooltipWrapper.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "TooltipTrigger", {
13
- enumerable: true,
14
- get: function get() {
15
- return _TooltipStyles.TooltipTrigger;
16
- }
17
- });
18
- Object.defineProperty(exports, "TooltipContainer", {
19
- enumerable: true,
20
- get: function get() {
21
- return _TooltipStyles.TooltipContainer;
22
- }
23
- });
24
-
25
- var _TooltipWrapper = _interopRequireDefault(require("./TooltipWrapper"));
26
-
27
- var _TooltipStyles = require("./TooltipStyles");
28
-
29
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
30
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/Tooltips/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import TooltipWrapper from './TooltipWrapper';\nimport {TooltipTrigger, TooltipContainer} from './TooltipStyles';\n\nexport { TooltipWrapper, TooltipTrigger, TooltipContainer };\n"],"file":"index.js"}