@pedidopago/ui 1.2.4 → 1.3.1

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 (81) 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/Card/card.test.tsx.d.ts +2 -0
  7. package/dist/components/Card/card.test.tsx.d.ts.map +1 -0
  8. package/dist/components/Card/card.test.tsx.js +41 -0
  9. package/dist/components/Card/index.d.ts +2 -2
  10. package/dist/components/Card/index.d.ts.map +1 -1
  11. package/dist/components/Card/index.js +25 -69
  12. package/dist/components/Card/styles.d.ts +2 -52
  13. package/dist/components/Card/styles.d.ts.map +1 -1
  14. package/dist/components/Card/styles.js +7 -80
  15. package/dist/components/Card/types.d.ts +12 -37
  16. package/dist/components/Card/types.d.ts.map +1 -1
  17. package/dist/components/DateInput/styles.d.ts +1 -1
  18. package/dist/components/Flex/styles.d.ts +1 -0
  19. package/dist/components/Flex/styles.d.ts.map +1 -1
  20. package/dist/components/Grid/styles.d.ts +1 -0
  21. package/dist/components/Grid/styles.d.ts.map +1 -1
  22. package/dist/components/Icon/data/form.d.ts +9 -0
  23. package/dist/components/Icon/data/form.d.ts.map +1 -0
  24. package/dist/components/Icon/data/form.js +248 -0
  25. package/dist/components/Icon/index.js +1 -1
  26. package/dist/components/Icon/scripts/build.d.ts.map +1 -1
  27. package/dist/components/Icon/scripts/build.js +9 -3
  28. package/dist/components/Icon/types.d.ts +1 -1
  29. package/dist/components/Icon/types.d.ts.map +1 -1
  30. package/dist/components/Icon/utils/allIcons.d.ts.map +1 -1
  31. package/dist/components/Icon/utils/allIcons.js +3 -1
  32. package/dist/components/Input/index.d.ts.map +1 -1
  33. package/dist/components/Input/index.js +15 -1
  34. package/dist/components/Modal/index.d.ts +2 -2
  35. package/dist/components/Modal/index.d.ts.map +1 -1
  36. package/dist/components/Modal/index.js +43 -20
  37. package/dist/components/Modal/styles.d.ts +15 -2
  38. package/dist/components/Modal/styles.d.ts.map +1 -1
  39. package/dist/components/Modal/styles.js +25 -7
  40. package/dist/components/Modal/types.d.ts +6 -5
  41. package/dist/components/Modal/types.d.ts.map +1 -1
  42. package/dist/components/MultipleSelect/components/SelectArea/Label.js +1 -1
  43. package/dist/components/Select/index.d.ts.map +1 -1
  44. package/dist/components/Select/index.js +52 -28
  45. package/dist/components/Select/styles.d.ts +13 -0
  46. package/dist/components/Select/styles.d.ts.map +1 -1
  47. package/dist/components/Select/styles.js +22 -4
  48. package/dist/components/Select/types.d.ts +2 -0
  49. package/dist/components/Select/types.d.ts.map +1 -1
  50. package/dist/components/Spinner/styles.d.ts +1 -0
  51. package/dist/components/Spinner/styles.d.ts.map +1 -1
  52. package/dist/components/Table/styles.d.ts.map +1 -1
  53. package/dist/components/Table/styles.js +56 -8
  54. package/dist/components/Tag/styles.d.ts +3 -0
  55. package/dist/components/Tag/styles.d.ts.map +1 -1
  56. package/dist/components/Tooltip/index.d.ts.map +1 -1
  57. package/dist/components/Tooltip/index.js +10 -26
  58. package/dist/components/Tooltip/styles.d.ts.map +1 -1
  59. package/dist/components/Tooltip/styles.js +13 -20
  60. package/dist/components/Tooltip/types.d.ts +1 -1
  61. package/dist/components/Tooltip/types.d.ts.map +1 -1
  62. package/dist/components/Tooltip/util.d.ts +0 -4
  63. package/dist/components/Tooltip/util.d.ts.map +1 -1
  64. package/dist/components/Tooltip/util.js +1 -87
  65. package/dist/components/Typography/index.js +1 -1
  66. package/dist/components/Typography/styles.d.ts +1 -1
  67. package/dist/index.d.ts +8 -7
  68. package/dist/index.d.ts.map +1 -1
  69. package/dist/index.js +30 -21
  70. package/dist/shared/hooks/useDisableBodyScroll.js +2 -2
  71. package/dist/shared/hooks/useWindowSize.d.ts +5 -0
  72. package/dist/shared/hooks/useWindowSize.d.ts.map +1 -0
  73. package/dist/shared/hooks/useWindowSize.js +46 -0
  74. package/dist/shared/theme/hooks/useTheme.d.ts +1 -0
  75. package/dist/shared/theme/hooks/useTheme.d.ts.map +1 -1
  76. package/dist/shared/theme/theme.d.ts +1 -0
  77. package/dist/shared/theme/theme.d.ts.map +1 -1
  78. package/dist/shared/theme/theme.js +1 -0
  79. package/dist/utils/getColorValue.d.ts +1 -9
  80. package/dist/utils/getColorValue.d.ts.map +1 -1
  81. package/package.json +1 -1
@@ -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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"}