@pedidopago/ui 1.2.3 → 1.3.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 (89) hide show
  1. package/dist/components/Alert/index.d.ts.map +1 -1
  2. package/dist/components/Alert/index.js +2 -1
  3. package/dist/components/Alert/styles.js +1 -1
  4. package/dist/components/Alert/types.d.ts +2 -1
  5. package/dist/components/Alert/types.d.ts.map +1 -1
  6. package/dist/components/Button/index.d.ts.map +1 -1
  7. package/dist/components/Button/index.js +3 -1
  8. package/dist/components/Button/styles.d.ts.map +1 -1
  9. package/dist/components/Button/styles.js +2 -2
  10. package/dist/components/Card/card.test.tsx.d.ts +2 -0
  11. package/dist/components/Card/card.test.tsx.d.ts.map +1 -0
  12. package/dist/components/Card/card.test.tsx.js +41 -0
  13. package/dist/components/Card/index.d.ts +2 -2
  14. package/dist/components/Card/index.d.ts.map +1 -1
  15. package/dist/components/Card/index.js +25 -69
  16. package/dist/components/Card/styles.d.ts +2 -52
  17. package/dist/components/Card/styles.d.ts.map +1 -1
  18. package/dist/components/Card/styles.js +7 -80
  19. package/dist/components/Card/types.d.ts +12 -37
  20. package/dist/components/Card/types.d.ts.map +1 -1
  21. package/dist/components/DateInput/styles.d.ts +1 -1
  22. package/dist/components/Flex/styles.d.ts +1 -0
  23. package/dist/components/Flex/styles.d.ts.map +1 -1
  24. package/dist/components/Grid/styles.d.ts +1 -0
  25. package/dist/components/Grid/styles.d.ts.map +1 -1
  26. package/dist/components/Icon/data/form.d.ts +9 -0
  27. package/dist/components/Icon/data/form.d.ts.map +1 -0
  28. package/dist/components/Icon/data/form.js +248 -0
  29. package/dist/components/Icon/index.js +1 -1
  30. package/dist/components/Icon/scripts/build.d.ts.map +1 -1
  31. package/dist/components/Icon/scripts/build.js +9 -3
  32. package/dist/components/Icon/types.d.ts +1 -1
  33. package/dist/components/Icon/types.d.ts.map +1 -1
  34. package/dist/components/Icon/utils/allIcons.d.ts.map +1 -1
  35. package/dist/components/Icon/utils/allIcons.js +3 -1
  36. package/dist/components/Input/index.d.ts.map +1 -1
  37. package/dist/components/Input/index.js +15 -1
  38. package/dist/components/Input/styles.d.ts.map +1 -1
  39. package/dist/components/Input/styles.js +3 -3
  40. package/dist/components/Modal/index.d.ts +2 -2
  41. package/dist/components/Modal/index.d.ts.map +1 -1
  42. package/dist/components/Modal/index.js +43 -20
  43. package/dist/components/Modal/styles.d.ts +15 -2
  44. package/dist/components/Modal/styles.d.ts.map +1 -1
  45. package/dist/components/Modal/styles.js +25 -7
  46. package/dist/components/Modal/types.d.ts +6 -5
  47. package/dist/components/Modal/types.d.ts.map +1 -1
  48. package/dist/components/MultipleSelect/components/SelectArea/Label.js +1 -1
  49. package/dist/components/Select/index.d.ts.map +1 -1
  50. package/dist/components/Select/index.js +52 -28
  51. package/dist/components/Select/styles.d.ts +13 -0
  52. package/dist/components/Select/styles.d.ts.map +1 -1
  53. package/dist/components/Select/styles.js +22 -4
  54. package/dist/components/Select/types.d.ts +2 -0
  55. package/dist/components/Select/types.d.ts.map +1 -1
  56. package/dist/components/Spinner/styles.d.ts +1 -0
  57. package/dist/components/Spinner/styles.d.ts.map +1 -1
  58. package/dist/components/Steps/styles.d.ts.map +1 -1
  59. package/dist/components/Steps/styles.js +1 -1
  60. package/dist/components/Table/styles.d.ts.map +1 -1
  61. package/dist/components/Table/styles.js +56 -8
  62. package/dist/components/Tag/styles.d.ts +3 -0
  63. package/dist/components/Tag/styles.d.ts.map +1 -1
  64. package/dist/components/Tooltip/index.d.ts.map +1 -1
  65. package/dist/components/Tooltip/index.js +10 -26
  66. package/dist/components/Tooltip/styles.d.ts.map +1 -1
  67. package/dist/components/Tooltip/styles.js +13 -20
  68. package/dist/components/Tooltip/types.d.ts +1 -1
  69. package/dist/components/Tooltip/types.d.ts.map +1 -1
  70. package/dist/components/Tooltip/util.d.ts +0 -4
  71. package/dist/components/Tooltip/util.d.ts.map +1 -1
  72. package/dist/components/Tooltip/util.js +1 -87
  73. package/dist/components/Typography/index.js +1 -1
  74. package/dist/components/Typography/styles.d.ts +1 -1
  75. package/dist/index.d.ts +8 -7
  76. package/dist/index.d.ts.map +1 -1
  77. package/dist/index.js +30 -21
  78. package/dist/shared/hooks/useDisableBodyScroll.js +2 -2
  79. package/dist/shared/hooks/useWindowSize.d.ts +5 -0
  80. package/dist/shared/hooks/useWindowSize.d.ts.map +1 -0
  81. package/dist/shared/hooks/useWindowSize.js +46 -0
  82. package/dist/shared/theme/hooks/useTheme.d.ts +1 -0
  83. package/dist/shared/theme/hooks/useTheme.d.ts.map +1 -1
  84. package/dist/shared/theme/theme.d.ts +1 -0
  85. package/dist/shared/theme/theme.d.ts.map +1 -1
  86. package/dist/shared/theme/theme.js +1 -0
  87. package/dist/utils/getColorValue.d.ts +1 -9
  88. package/dist/utils/getColorValue.d.ts.map +1 -1
  89. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,WAAW;;;uIAkGtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;0IA6DxB,CAAC;AAEH,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;0IAiBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;yGAoB7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;8HAyB3B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,WAAW;;;uIAsGtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;0IAoExB,CAAC;AAEH,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;0IAiBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;yGAsB7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;8HA6B3B,CAAC"}
@@ -17,7 +17,28 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
17
17
 
18
18
  var StyledTable = _styled.default.table(function (props) {
19
19
  var theme = props.theme;
20
- return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border-spacing: 0px;\n\n & > thead {\n & > tr {\n height: 64px;\n\n & > th {\n border-top: 1px solid\n ", ";\n border-bottom: 1px solid\n ", ";\n padding-left: 16px;\n padding-right: 16px;\n\n text-align: left;\n\n color: ", ";\n\n &:first-of-type {\n border-left: 1px solid\n ", ";\n border-radius: 8px 0px 0px 0px;\n }\n\n &:last-child {\n border-right: 1px solid\n ", ";\n border-radius: 0px 8px 0px 0px;\n }\n }\n }\n }\n\n & > tbody {\n tr {\n height: 64px;\n\n &:not(:last-child) {\n & > td {\n border-bottom: 1px solid\n ", ";\n }\n }\n\n &:hover {\n & > td {\n background: ", ";\n\n &:first-of-type {\n border-radius: 4px 0px 0px 4px;\n }\n\n &:last-child {\n border-radius: 0px 4px 4px 0px;\n }\n }\n }\n\n &:focus {\n outline: 2px solid ", ";\n border-radius: 4px;\n }\n\n &[data-selected='true'] {\n & > td {\n background: ", ";\n }\n }\n\n & > td {\n padding-left: 16px;\n padding-right: 16px;\n\n text-align: left;\n\n color: ", ";\n }\n }\n }\n "])), theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral2, theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral2, theme.colors.neutral.neutral6, theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral2, theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral2, theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral2, theme.colorMode === 'dark' ? theme.colors.neutral.neutral6 : theme.colors.neutral.neutral1, theme.colors.primary.focus, theme.colorMode === 'dark' ? theme.colors.neutral.neutral6 : theme.colors.neutral.neutral1, theme.colors.neutral.neutral5);
20
+ return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border-spacing: 0px;\n\n & > thead {\n & > tr {\n height: 64px;\n\n & > th {\n background: hsla(156, 13%, 92%, 0.5);\n border-top: 1px solid\n ", ";\n border-bottom: 1px solid\n ", ";\n padding-left: 16px;\n padding-right: 16px;\n text-align: left;\n * {\n color: #587169;\n font-size: ", ";\n }\n\n &:first-of-type {\n border-left: 1px solid\n ", ";\n border-radius: 4px 0px 0px 4px;\n }\n\n &:last-child {\n border-right: 1px solid\n ", ";\n border-radius: 0px 4px 4px 0px;\n }\n }\n }\n }\n\n & > tbody {\n tr {\n height: 64px;\n\n &:not(:last-child) {\n & > td {\n border-bottom: 1px solid\n ", ";\n }\n }\n\n &:hover {\n & > td {\n background: ", ";\n\n &:first-of-type {\n border-radius: 4px 0px 0px 4px;\n }\n\n &:last-child {\n border-radius: 0px 4px 4px 0px;\n }\n }\n }\n\n &:focus {\n outline: 2px solid ", ";\n border-radius: 4px;\n }\n\n &[data-selected='true'] {\n & > td {\n background: ", ";\n }\n }\n\n & > td {\n padding-left: 16px;\n padding-right: 16px;\n\n text-align: left;\n\n color: ", ";\n }\n }\n }\n "])), {
21
+ dark: theme.colors.neutral.neutral5,
22
+ light: theme.colors.neutral.neutral2
23
+ }[theme.colorMode], {
24
+ dark: theme.colors.neutral.neutral5,
25
+ light: theme.colors.neutral.neutral2
26
+ }[theme.colorMode], theme.fontSizes.xxxs, {
27
+ dark: theme.colors.neutral.neutral5,
28
+ light: theme.colors.neutral.neutral2
29
+ }[theme.colorMode], {
30
+ dark: theme.colors.neutral.neutral5,
31
+ light: theme.colors.neutral.neutral2
32
+ }[theme.colorMode], {
33
+ dark: theme.colors.neutral.neutral5,
34
+ light: theme.colors.neutral.neutral2
35
+ }[theme.colorMode], {
36
+ dark: theme.colors.neutral.neutral6,
37
+ light: theme.colors.neutral.neutral1
38
+ }[theme.colorMode], theme.colors.primary.focus, {
39
+ dark: theme.colors.neutral.neutral6,
40
+ light: theme.colors.neutral.neutral1
41
+ }[theme.colorMode], theme.colors.neutral.neutral5);
21
42
  });
22
43
 
23
44
  exports.StyledTable = StyledTable;
@@ -28,7 +49,22 @@ exports.SelectedHeader = SelectedHeader;
28
49
 
29
50
  var ActionsButton = _styled.default.button(function (props) {
30
51
  var theme = props.theme;
31
- return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n appearance: none;\n font-family: inherit;\n\n display: flex;\n align-items: center;\n gap: 8px;\n\n margin: 0px -2px 0px 0px;\n outline: none;\n border: 2px solid\n ", ";\n padding: 0px 24px;\n\n height: 44px;\n\n white-space: nowrap;\n\n color: ", ";\n background: ", ";\n\n transition: background-color linear ", ";\n\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n &:first-of-type {\n color: ", ";\n border-radius: 8px 0px 0px 8px;\n }\n\n &:last-of-type {\n border-radius: 0px 8px 8px 0px;\n }\n\n &:only-child {\n border-radius: 8px;\n }\n\n &:hover,\n &:focus {\n z-index: 1;\n\n border-color: ", ";\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])), theme.colorMode === 'dark' ? theme.colors.neutral.neutral4 : theme.colors.neutral.neutral2, theme.colors.neutral.neutral5, theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white, theme.transition.speed, theme.colors.neutral.black, theme.colorMode === 'dark' ? theme.colors.neutral.neutral4 : theme.colors.neutral.neutral3, theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral1, theme.colorMode === 'dark' ? theme.colors.neutral.neutral4 : theme.colors.neutral.neutral2);
52
+ return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n appearance: none;\n font-family: inherit;\n\n display: flex;\n align-items: center;\n gap: 8px;\n\n margin: 0px -2px 0px 0px;\n outline: none;\n border: 2px solid\n ", ";\n padding: 0px 24px;\n\n height: 44px;\n\n white-space: nowrap;\n\n color: ", ";\n background: ", ";\n\n transition: background-color linear ", ";\n\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n &:first-of-type {\n color: ", ";\n border-radius: 8px 0px 0px 8px;\n }\n\n &:last-of-type {\n border-radius: 0px 8px 8px 0px;\n }\n\n &:only-child {\n border-radius: 8px;\n }\n\n &:hover,\n &:focus {\n z-index: 1;\n\n border-color: ", ";\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])), {
53
+ dark: theme.colors.neutral.neutral4,
54
+ light: theme.colors.neutral.neutral2
55
+ }[theme.colorMode], theme.colors.neutral.neutral5, {
56
+ dark: theme.colors.neutral.black,
57
+ light: theme.colors.neutral.white
58
+ }[theme.colorMode], theme.transition.speed, theme.colors.neutral.black, {
59
+ dark: theme.colors.neutral.neutral4,
60
+ light: theme.colors.neutral.neutral3
61
+ }[theme.colorMode], {
62
+ dark: theme.colors.neutral.neutral5,
63
+ light: theme.colors.neutral.neutral1
64
+ }[theme.colorMode], {
65
+ dark: theme.colors.neutral.neutral4,
66
+ light: theme.colors.neutral.neutral2
67
+ }[theme.colorMode]);
32
68
  });
33
69
 
34
70
  exports.ActionsButton = ActionsButton;
@@ -47,8 +83,12 @@ exports.VerticalPointsButton = VerticalPointsButton;
47
83
 
48
84
  var MenuItemContainer = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: ", ";\n position: absolute;\n border-radius: 8px;\n background-color: ", ";\n box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);\n right: ", "px;\n top: ", "px;\n padding: 10px;\n\n z-index: ", ";\n"])), function (props) {
49
85
  return props.isOpen ? 'block' : 'none';
50
- }, function (props) {
51
- return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral5 : props.theme.colors.neutral.white;
86
+ }, function (_ref) {
87
+ var theme = _ref.theme;
88
+ return {
89
+ dark: theme.colors.neutral.neutral6,
90
+ light: theme.colors.neutral.neutral1
91
+ }[theme.colorMode];
52
92
  }, function (props) {
53
93
  return props.posRight ? props.posRight : 0;
54
94
  }, function (props) {
@@ -59,12 +99,20 @@ var MenuItemContainer = _styled.default.div(_templateObject6 || (_templateObject
59
99
 
60
100
  exports.MenuItemContainer = MenuItemContainer;
61
101
 
62
- var MenuItemContent = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n border-radius: 8px;\n padding: 10px 35px;\n cursor: pointer;\n user-select: none;\n font-size: 1rem;\n white-space: nowrap;\n\n color: ", ";\n\n transition: background linear ", ";\n\n &:hover {\n background: ", ";\n }\n"])), function (props) {
63
- return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
102
+ var MenuItemContent = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n border-radius: 8px;\n padding: 10px 35px;\n cursor: pointer;\n user-select: none;\n font-size: 1rem;\n white-space: nowrap;\n\n color: ", ";\n\n transition: background linear ", ";\n\n &:hover {\n background: ", ";\n }\n"])), function (_ref2) {
103
+ var theme = _ref2.theme;
104
+ return {
105
+ dark: theme.colors.neutral.white,
106
+ light: theme.colors.neutral.black
107
+ }[theme.colorMode];
64
108
  }, function (props) {
65
109
  return props.theme.transition.speed;
66
- }, function (props) {
67
- return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral4 : props.theme.colors.neutral.neutral1;
110
+ }, function (_ref3) {
111
+ var theme = _ref3.theme;
112
+ return {
113
+ dark: theme.colors.neutral.neutral4,
114
+ light: theme.colors.neutral.neutral1
115
+ }[theme.colorMode];
68
116
  });
69
117
 
70
118
  exports.MenuItemContent = MenuItemContent;
@@ -8,6 +8,7 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
8
8
  size?: string | undefined;
9
9
  theme?: {
10
10
  fontSizes: {
11
+ tiny: string;
11
12
  xxxs: string;
12
13
  xxs: string;
13
14
  xs: string;
@@ -294,6 +295,7 @@ export declare const Text: import("@emotion/styled").StyledComponent<{
294
295
  } & {
295
296
  theme?: {
296
297
  fontSizes: {
298
+ tiny: string;
297
299
  xxxs: string;
298
300
  xxs: string;
299
301
  xs: string;
@@ -582,6 +584,7 @@ export declare const Close: import("@emotion/styled").StyledComponent<{
582
584
  } & {
583
585
  theme?: {
584
586
  fontSizes: {
587
+ tiny: string;
585
588
  xxxs: string;
586
589
  xxs: string;
587
590
  xs: string;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAoBnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAGN,OAAO;2GASjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qHA2BjB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAoBnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAGN,OAAO;2GASjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qHA2BjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOtC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,WAAW,CAsF5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,WAAW,CAoF5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -7,22 +7,12 @@ exports.default = void 0;
7
7
 
8
8
  var _react = require("react");
9
9
 
10
- var _theme = require("../../shared/theme");
11
-
12
10
  var _styles = require("./styles");
13
11
 
14
- var _componenteTeste = require("./componenteTeste");
15
-
16
12
  var _jsxRuntime = require("react/jsx-runtime");
17
13
 
18
14
  var _excluded = ["position", "maxWidth", "label", "labelColor", "animationDuration", "backgroundColor", "width", "children"];
19
15
 
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
-
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
-
24
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
-
26
16
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
17
 
28
18
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -44,8 +34,7 @@ var Tooltip = function Tooltip(_ref) {
44
34
  position = _ref$position === void 0 ? 'top' : _ref$position,
45
35
  _ref$maxWidth = _ref.maxWidth,
46
36
  maxWidth = _ref$maxWidth === void 0 ? '280px' : _ref$maxWidth,
47
- _ref$label = _ref.label,
48
- label = _ref$label === void 0 ? 'Testin' : _ref$label,
37
+ label = _ref.label,
49
38
  labelColor = _ref.labelColor,
50
39
  _ref$animationDuratio = _ref.animationDuration,
51
40
  animationDuration = _ref$animationDuratio === void 0 ? 0.2 : _ref$animationDuratio,
@@ -54,9 +43,6 @@ var Tooltip = function Tooltip(_ref) {
54
43
  children = _ref.children,
55
44
  rest = _objectWithoutProperties(_ref, _excluded);
56
45
 
57
- var _useTheme = (0, _theme.useTheme)(),
58
- theme = _useTheme.theme;
59
-
60
46
  var _useState = (0, _react.useState)(false),
61
47
  _useState2 = _slicedToArray(_useState, 2),
62
48
  showTooltip = _useState2[0],
@@ -67,19 +53,19 @@ var Tooltip = function Tooltip(_ref) {
67
53
 
68
54
  function positionTooltip() {
69
55
  var tooltip = motionDiv.current;
70
-
71
- var tooltipInitialValues = _objectSpread({}, tooltip);
72
-
73
56
  var container = componentDiv.current;
74
57
 
75
58
  if (tooltip !== null && container !== null) {
76
59
  var tooltipDimensions = tooltip.getBoundingClientRect();
77
- tooltip.style = _objectSpread({}, tooltipInitialValues.style);
78
60
 
79
61
  if (window.innerWidth < 500 && (tooltipDimensions.x < 0 || tooltipDimensions.x > window.innerWidth)) {
80
62
  tooltip.style.top = container.offsetHeight + 5 + 'px';
81
63
  tooltip.style.left = '0px';
82
64
  tooltip.style.right = '0px';
65
+ tooltip.style.width = 'max-content';
66
+ } else if (tooltipDimensions.x < 0 && tooltipDimensions.y < 0) {
67
+ tooltip.style.top = container.offsetHeight + 5 + 'px';
68
+ tooltip.style.left = '0px';
83
69
  } else if (tooltipDimensions.x < 0) {
84
70
  tooltip.style.left = container.offsetWidth + 5 + 'px';
85
71
  tooltip.style.width = 'max-content';
@@ -87,13 +73,14 @@ var Tooltip = function Tooltip(_ref) {
87
73
  } else if (tooltipDimensions.y < 0 || tooltipDimensions.x > window.innerWidth) {
88
74
  tooltip.style.height = 'max-content';
89
75
  tooltip.style.top = container.offsetHeight + 5 + 'px';
90
- tooltip.style.left = container.offsetWidth / 2 - tooltip.offsetWidth / 2 + 'px';
91
76
  }
92
77
  }
93
78
  }
94
79
 
95
80
  (0, _react.useEffect)(function () {
96
- positionTooltip();
81
+ if (showTooltip) {
82
+ positionTooltip();
83
+ }
97
84
  }, [showTooltip]);
98
85
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TooltipComponentWrapper, {
99
86
  position: position,
@@ -107,7 +94,7 @@ var Tooltip = function Tooltip(_ref) {
107
94
  },
108
95
  "data-testid": "tooltip-target",
109
96
  ref: componentDiv,
110
- children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_componenteTeste.ComponentTeste, {})
97
+ children: children
111
98
  }), showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MotionDiv, {
112
99
  initial: {
113
100
  opacity: 0
@@ -126,14 +113,11 @@ var Tooltip = function Tooltip(_ref) {
126
113
  ref: motionDiv,
127
114
  position: position,
128
115
  backgroundColor: backgroundColor,
129
- isLabelString: typeof label === 'string' && label.length > 0,
130
116
  width: width,
131
117
  maxWidth: maxWidth,
132
118
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TooltipWrapper, {
133
119
  labelColor: labelColor,
134
- children: label || /*#__PURE__*/(0, _jsxRuntime.jsx)(_componenteTeste.TesteComponent, {
135
- theme: theme
136
- })
120
+ children: label
137
121
  })
138
122
  })]
139
123
  });
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,uBAAuB;;;uHAsBnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAI1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgBrB,CAAC;AAEF,eAAO,MAAM,cAAc;;;uHAQ1B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,uBAAuB;;;uHAmBnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAI1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAerB,CAAC;AAEF,eAAO,MAAM,cAAc;;;uHAS1B,CAAC"}
@@ -19,15 +19,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
19
19
 
20
20
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
21
 
22
- var TooltipComponentWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n\n ", "\n\n .TooltipArea {\n &::after {\n display: none;\n content: '';\n position: absolute;\n /* background-color: ", "; */\n background-color: ", ";\n width: 16px;\n height: 20px;\n z-index: -1;\n ", ";\n }\n }\n"])), _util.FlexPositionController, function (_ref) {
22
+ var TooltipComponentWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n\n ", "\n\n .TooltipArea {\n &::after {\n display: none;\n content: '';\n position: absolute;\n background-color: ", ";\n width: 16px;\n height: 20px;\n z-index: -1;\n }\n }\n"])), _util.FlexPositionController, function (_ref) {
23
23
  var backgroundColor = _ref.backgroundColor,
24
24
  theme = _ref.theme;
25
- return backgroundColor || theme.colors.neutral.black;
26
- }, function (_ref2) {
27
- var backgroundColor = _ref2.backgroundColor,
28
- theme = _ref2.theme;
29
25
  return backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black);
30
- }, _util.controlArrow);
26
+ });
31
27
 
32
28
  exports.TooltipComponentWrapper = TooltipComponentWrapper;
33
29
 
@@ -35,23 +31,20 @@ var TooltipTarget = _styled.default.div(_templateObject2 || (_templateObject2 =
35
31
 
36
32
 
37
33
  exports.TooltipTarget = TooltipTarget;
38
- var MotionDiv = (0, _styled.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref3) {
39
- var _ref3$position = _ref3.position,
40
- position = _ref3$position === void 0 ? 'right' : _ref3$position,
41
- backgroundColor = _ref3.backgroundColor,
42
- isLabelString = _ref3.isLabelString,
43
- width = _ref3.width,
44
- maxWidth = _ref3.maxWidth,
45
- theme = _ref3.theme;
46
- return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n background-color: ", ";\n justify-content: inherit;\n align-items: inherit;\n width: ", ";\n max-width: ", ";\n border-radius: ", ";\n ", ";\n ", ";\n "])), backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), width, maxWidth, theme.borderRadius.default, isLabelString ? {
47
- padding: 10
48
- } : null, (0, _util.TooltipAreaPositionController)(position));
34
+ var MotionDiv = (0, _styled.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
35
+ var _ref2$position = _ref2.position,
36
+ position = _ref2$position === void 0 ? 'right' : _ref2$position,
37
+ backgroundColor = _ref2.backgroundColor,
38
+ width = _ref2.width,
39
+ maxWidth = _ref2.maxWidth,
40
+ theme = _ref2.theme;
41
+ return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n background-color: ", ";\n justify-content: inherit;\n align-items: inherit;\n width: ", ";\n max-width: ", ";\n border-radius: ", ";\n ", ";\n "])), backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), width, maxWidth, theme.borderRadius.default, (0, _util.TooltipAreaPositionController)(position));
49
42
  });
50
43
  exports.MotionDiv = MotionDiv;
51
44
 
52
- var TooltipWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n height: inherit;\n overflow: hidden;\n\n color: ", ";\n"])), function (_ref4) {
53
- var labelColor = _ref4.labelColor,
54
- theme = _ref4.theme;
45
+ var TooltipWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n height: inherit;\n overflow: hidden;\n\n color: ", ";\n padding: 10px;\n"])), function (_ref3) {
46
+ var labelColor = _ref3.labelColor,
47
+ theme = _ref3.theme;
55
48
  return labelColor || (theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white);
56
49
  });
57
50
 
@@ -16,7 +16,7 @@ export declare type IInputProps = {
16
16
  maxWidth?: string;
17
17
  position?: positionType;
18
18
  backgroundColor?: string;
19
- label?: string | ReactNode;
19
+ label?: ReactNode;
20
20
  labelColor?: string;
21
21
  children?: ReactNode;
22
22
  animationDuration?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,YAAY,GACpB,WAAW,GACX,KAAK,GACL,SAAS,GACT,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,CAAC;AAEf,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,YAAY,GACpB,WAAW,GACX,KAAK,GACL,SAAS,GACT,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,CAAC;AAEf,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC"}
@@ -25,8 +25,4 @@ export declare function TooltipAreaPositionController(position: positionType): {
25
25
  left?: undefined;
26
26
  } | null;
27
27
  export declare function FlexPositionController({ position }: IStyleProps): import("@emotion/react").SerializedStyles | null;
28
- export declare function controlArrow(props: IStyleProps): import("@emotion/react").SerializedStyles;
29
- export declare function ArrowPositionController({ position }: IStyleProps): import("@emotion/react").SerializedStyles | null;
30
- export declare function chooseArrow({ position }: IStyleProps): "clip-path: polygon(0 100%, 100% 100%, 50% 0)" | "clip-path: polygon(0 0, 100% 0, 50% 100%)" | "clip-path: polygon(100% 0, 100% 100%, 0% 50%);" | "clip-path: polygon(0% 0, 0% 100%,100% 50%)" | null;
31
- export declare function arrowMarginController({ position }: IStyleProps): import("@emotion/react").SerializedStyles;
32
28
  //# sourceMappingURL=util.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAqCnE;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAkB,EAAE,EAAE,WAAW,oDAoCzE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,6CAU9C;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAmB,EAAE,EAAE,WAAW,oDA+B3E;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,yMA0BpD;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,6CAY9D"}
1
+ {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAqCnE;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAkB,EAAE,EAAE,WAAW,oDAoCzE"}
@@ -3,16 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ArrowPositionController = ArrowPositionController;
7
6
  exports.FlexPositionController = FlexPositionController;
8
7
  exports.TooltipAreaPositionController = TooltipAreaPositionController;
9
- exports.arrowMarginController = arrowMarginController;
10
- exports.chooseArrow = chooseArrow;
11
- exports.controlArrow = controlArrow;
12
8
 
13
9
  var _react = require("@emotion/react");
14
10
 
15
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
11
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
16
12
 
17
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
18
14
 
@@ -92,86 +88,4 @@ function FlexPositionController(_ref) {
92
88
  default:
93
89
  return null;
94
90
  }
95
- }
96
-
97
- function controlArrow(props) {
98
- var arrow = chooseArrow(props);
99
- var arrowPosition = ArrowPositionController(props);
100
- var arrowMargin = arrowMarginController(props);
101
- return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", ";\n ", "\n ", "\n "])), arrow, arrowPosition, arrowMargin);
102
- }
103
-
104
- function ArrowPositionController(_ref2) {
105
- var _ref2$position = _ref2.position,
106
- position = _ref2$position === void 0 ? 'bottom' : _ref2$position;
107
- var distanceControl = 'calc(100% - 5px)';
108
-
109
- switch (position) {
110
- case 'bottom':
111
- case 'bottom-start':
112
- case 'bottom-end':
113
- return (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n bottom: ", ";\n "])), distanceControl);
114
-
115
- case 'left':
116
- case 'left-start':
117
- case 'left-end':
118
- return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n left: ", ";\n "])), distanceControl);
119
-
120
- case 'right':
121
- case 'right-start':
122
- case 'right-end':
123
- return (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n right: ", ";\n "])), distanceControl);
124
-
125
- case 'top':
126
- case 'top-start':
127
- case 'top-end':
128
- return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n top: ", ";\n "])), distanceControl);
129
-
130
- default:
131
- return null;
132
- }
133
- }
134
-
135
- function chooseArrow(_ref3) {
136
- var position = _ref3.position;
137
- var arrowLeft = 'clip-path: polygon(100% 0, 100% 100%, 0% 50%);';
138
- var arrowRight = 'clip-path: polygon(0% 0, 0% 100%,100% 50%)';
139
- var arrowTop = 'clip-path: polygon(0 100%, 100% 100%, 50% 0)';
140
- var arrowBottom = 'clip-path: polygon(0 0, 100% 0, 50% 100%)';
141
-
142
- switch (position) {
143
- case 'bottom':
144
- case 'bottom-end':
145
- case 'bottom-start':
146
- return arrowTop;
147
-
148
- case 'top':
149
- case 'top-end':
150
- case 'top-start':
151
- return arrowBottom;
152
-
153
- case 'right':
154
- case 'right-start':
155
- case 'right-end':
156
- return arrowLeft;
157
-
158
- case 'left':
159
- case 'left-end':
160
- case 'left-start':
161
- return arrowRight;
162
-
163
- default:
164
- return null;
165
- }
166
- }
167
-
168
- function arrowMarginController(_ref4) {
169
- var position = _ref4.position;
170
- var isVertical = (position === null || position === void 0 ? void 0 : position.includes('bottom')) || (position === null || position === void 0 ? void 0 : position.includes('top'));
171
-
172
- if (isVertical) {
173
- return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n margin: 0px 10px;\n "])));
174
- } else {
175
- return (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin: 10px 0;\n "])));
176
- }
177
91
  }
@@ -40,7 +40,7 @@ var Typography = function Typography(_ref) {
40
40
  var textColor = (0, _getColorValue.getColorValue)(color || (colorMode === 'dark' ? 'neutral.white' : 'neutral.black'), theme);
41
41
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledText, _objectSpread(_objectSpread({
42
42
  as: variant,
43
- textColor: textColor
43
+ textColor: color ? textColor : 'inherit'
44
44
  }, rest), {}, {
45
45
  children: children
46
46
  }));
@@ -6,7 +6,7 @@ export declare const StyledText: import("@emotion/styled").StyledComponent<{
6
6
  } & GenericStyledProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
7
7
  variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
8
8
  color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
9
- fontSize?: number | "display" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
9
+ fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
10
10
  fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
11
11
  fontStyle?: "inherit" | "initial" | "normal" | "italic" | "oblique" | undefined;
12
12
  lineHeight?: string | number | undefined;
package/dist/index.d.ts CHANGED
@@ -3,7 +3,6 @@ export { default as Avatar } from './components/Avatar';
3
3
  export { default as Badge } from './components/Badge';
4
4
  export { default as Button } from './components/Button';
5
5
  export { Card } from './components/Card';
6
- export { default as Checkbox } from './components/CheckboxInput';
7
6
  export { default as ColorPicker } from './components/ColorPicker';
8
7
  export { default as DatePicker } from './components/DatePicker';
9
8
  export { Dialog } from './components/Dialog';
@@ -13,21 +12,15 @@ export { default as Grid } from './components/Grid';
13
12
  export { default as Icon } from './components/Icon';
14
13
  export { type IconName } from './components/Icon/types';
15
14
  export { default as IconItem } from './components/IconItem';
16
- export { default as Input } from './components/Input';
17
15
  export { default as Label } from './components/Label';
18
16
  export { default as List } from './components/List';
19
17
  export { Modal } from './components/Modal';
20
18
  export { Pagination } from './components/Pagination';
21
19
  export { default as Progress } from './components/Progress';
22
- export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
23
- export { default as Radio } from './components/RadioInput';
24
20
  export { default as Rating } from './components/Rating';
25
21
  export { default as Skeleton } from './components/Skeleton';
26
- export { default as Select } from './components/Select';
27
- export { default as MultipleSelect } from './components/MultipleSelect';
28
22
  export { default as Slider } from './components/Slider';
29
23
  export { default as Spinner } from './components/Spinner';
30
- export { default as Switch } from './components/Switch';
31
24
  export { default as Steps } from './components/Steps';
32
25
  export { Table } from './components/Table';
33
26
  export * from './components/Tabs';
@@ -38,6 +31,14 @@ export * from './components/Timeline';
38
31
  export { default as Toast } from './components/Toast';
39
32
  export { default as Tooltip } from './components/Tooltip';
40
33
  export { default as Typography } from './components/Typography';
34
+ export { default as Input } from './components/Input';
35
+ export { DateInput } from './components/DateInput';
36
+ export { default as Select } from './components/Select';
37
+ export { default as MultipleSelect } from './components/MultipleSelect';
38
+ export { default as Checkbox } from './components/CheckboxInput';
39
+ export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
40
+ export { default as Radio } from './components/RadioInput';
41
+ export { default as Switch } from './components/Switch';
41
42
  export { default as useToast } from './components/Toast/hooks/useToast';
42
43
  export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
43
44
  export * from './shared/theme';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}